+ JavaScript の質問用スレッド vol.51 +

━━━━━JavaScript質問スレ道場訓━━━━━
　一、礼節を重んじ常に努力精進すること
　一、ブラクラに打ち勝つ精神力を持つこと
　一、心身の優れたJavaScriptを学ぶこと
　一、雑草の如く生涯JavaScriptを貫くこと
　一、感謝と反省を忘れないこと
　以上
━━━━━━━━━━━━━━━━━━━━━━

このスレに書き込むことが許されるものは以下のとおり
・テンプレ/FAQ/過去ログ/関連資料を読める者。とくに>>2-10は必須!!!
・JavaScriptとJavaの違いを理解する者
・スクリプトを組むための最低限のHTML・CSSを理解する者
・ユーザーに迷惑となるスクリプトを書かない者
・「初心者です」を振りかざさず、質問を分かる日本語で説明できる者
・対象環境や使用技術は質問者の裁量であることを理解する者
　(質問/回答時はなるべく環境明記。WinIE5.5/N6未満と希少ブラウザは必須!)

[必読]過去スレ全集 http://user.ftth100.com/mirrorhenkan/javascript/
前スレ http://pc8.2ch.net/test/read.cgi/hp/1156128409/l50
まとめサイト http://web2ch.s31.xrea.com/?JS
FAQ・注意・過去ログ・関連資料・関連スレ>>1-10またはまとめサイト

米騒動

【質問を書く上で】
1)ユーザ(閲覧者)に迷惑がかかる性悪スクリプトは回答されない。
　例: 別窓開きまくり、閉じる/戻るのを妨害、全画面占有、etcは最悪。
　答えさせようと「分からねえんだろ」と煽っても無駄(過去スレが証明)。
2)言葉でぐだぐだ書かずにソースを貼る、ただし要点を整理して。
　そのまま貼って動かせると試してもらいやすい(ただし回答者に連結さすな!)
　長い(1レスに入らない)場合はアップロードしてURIを貼る。
3)初心者という言葉は危険なので使わない方がよい。
　初心者を言い訳に自力で調べない/考えない奴が最悪に嫌われる。
4)自分で調べたこと/試したこときちんと書く(調べもしない奴は最低)。
　ただ「動きません」「エラーです」は何も情報がないため嫌われる。
　エラーは「どの行で何のエラー」を書く(ブラウザをそのように設定すれ)。
　ブラウザの設定すらできんヤシはFFxのJavaScriptコンソールを使え!!!
　OS、ブラウザ、バージョン、うまく行かない条件を明記しエラー再現可能に。
5)特に古いバージョン限定の時は必ず明記! 回答もチグハグになり回答者に2度
　手間を食わせる可能性大(現行Ver.:IE5.5-6、N6-7、Opera7-8)
6)どういう時にどういう動作をさせたいのかを脳内にとどめずきちんと書く。
　例:「自動ポップアップしたい」←どういう場合(マウスオーバー、クリック、
　ボタン押し、select選択)に何(別窓、レイヤー、その他)が出るのか書け!
7)質問はまっとうな(他人に理解できる)日本語で。
　前項の例に限らず、他人に理解できない質問文は煽られるだけで時間の無駄

【FAQ】
Q1. 開いた別窓/フレームの内容にアクセスできないのですが…
A1. ページ内容が別サーバの場合セキュリティ制約により絶対無理です。
Q2. JavaScriptでローカルファイルを読み/書きたいのですが…
A2. Webではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
Q3. document.write(...)でページ内容を追加したいのですが…
A3. 一度ページ表示完了後にwrite()すると内容はクリアされちゃいます。
　部分的に内容変更するには(1)他フレーム/iframe/別窓への表示、
　(2)textarea等への表示、(3)DOMでノード挿入、(4)innerHTMLのどれかで。
　innerHTMLは非標準ですがIE、Opera、Gecko(N6/N7/Moz等)で対応済。
Q4. table/tbody/tr要素のinnerHTMLを書き換えるのがうまく行かないのですが…
A4. IEはそれらの要素のinnerHTMLは変更不能。DOMを使って書き換えるしかない。
Q5. Aタグのonclickで動作指定してるのですが時々動きません…
A5. 「onclick="...;return false"」としないとページ移動しちゃうから。
Q6. 変数w1、w2…を順にループで(番号をiに入れて)設定/参照したいのですが…
A6. グローバル変数はwindowのプロパティだからwindow['w'+i]を読み書きすれ。
Q7. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A7. 「document.forms.myform.elements[変数名].value」でどぞ。
　JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　例:「obj.p0=obj.p1=...=obj.p8=0;」⇔「for(i=0;i<9;i++) obj['p'+i]=0;」。
Q8. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A8. IEではe.currentStyle、Geckoではwindow.getComputedStyle()を使います。
Q9. 100*1.15の結果が114.999…998となってしまうのですが…
A9. コンピュータの実数計算は全て近似値だと思え。誤差が嫌なら整数で計算。
Q10. 任意のデータをサーバ(別鯖ではない)から取り寄せたいのですが…
A10. Geckoのnew XMLHttpRequest()、IEのnew ActiveXObject("Microsoft.XMLHTTP")
　を使えばできる。古いブラウザだと隠しフレームに読むなどのワザが必要。

【主張の対立：他人の嗜好は尊重。損得の議論は歓迎】
・仕様を読む：回答者なら仕様の該当部分は読んでいるべき。質問者でも
　仕様を読まずうだうだ書く奴は注意されて当然。読み間違いは生温く指摘。
・英文文書：翻訳の努力を惜しむべからず。 読めないなら和訳を探し、
　なければあきらめよう。翻訳サイトを知っている人はうまく誘導してあげて。
・IE専用/アンチIE/クロスブラウザ：「○○は不要」「○○だけであと
　は無視」は不毛。質問者が分かって選択していれば尊重する。無知か
　らIE専なのは指摘してあげると親切。
・標準準拠 vs 使えればよい：標準はブラウザが変わっても維持される
　可能性大。非標準機能も損得を分かった上で使うならよい。
・MS vs アンチMS：MS固有の情報はMSのサイトで見ないと分からないが、
　そこだけ見ているとIE専になる。あとは上2件と同様。
・別窓、イベント抑止など：一般には迷惑スクリプトだが質問者に正当
　な理由があることも。尋ねて分かってないようなら煽っても可（ｗ
・innerHTML vs DOM：それぞれに長所/弱点があるので理解した上で選
　択するべき。一概にどちらは駄目、とは言えない。
・on属性 vs addXXX()：ハンドラが1つだけと分かっていればon属性
　で簡単にハンドラを設定もあり。上書きが心配ならaddXXX()。

【標準規格・リファレンス】
規格を読まずにどうなってるか分からんとか質問しないこと！

まとめサイト
→ http://web2ch.s31.xrea.com/?JS

ECMA-262
→ http://www.ecma-international.org/publications/standards/ECMA-262.HTM
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)

W3C Document Object Model Technical Reports
→ http://www.w3.org/DOM/DOMTR

E4X (ECMAScript for XML)
→ http://141.30.92.52/cubetto/download/ECMA-357.pdf

MSDN Library JScript / DHTML (現在日本語版は古杉)
→ http://www.microsoft.com/japan/msdn/library/ja/script56/html/js56jsoriJScript.asp
→ http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Mozilla Gecko DOM, Netscape devedge
→ http://www.mozilla.org/docs/dom/domref/
→ http://www.mozilla-japan.org/docs/dom/domref/ (和訳)
→ http://web.archive.org/web/20040822074426/devedge.netscape.com/central/javascript/

【チュートリアルサイト・サンプルサイト】
規格が読めないならまずはチュートリアル。サンプルサイトも沢山ある。

ECMAScriptチュートリアル (アクセスできないとの説あり)
→ http://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/

MetaGraphic Cell
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/

どら猫本舗のリファレンスカウンター
→ http://www.doraneko.org/

はぎさんちのページ Mozilla's DOM Sample Project
→ http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi

Dynamic Scripting
→ http://www.interq.or.jp/student/exeal/dss/

JavaScript深層
→ http://www.hawk.34sp.com/

【検索】
キーワード『…』で検索しろ」「ぐぐれ」と言われた場合はこちらへ
→ http://www.google.co.jp/

【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！

Webサイト制作初心者用スレ Part 172
→ http://pc8.2ch.net/test/read.cgi/hp/1157790159/l50

CSS /* CSS・スタイルシート質問スレッド【60th】 */
→ http://pc8.2ch.net/test/read.cgi/hp/1157985465/l50

CSS/DHTMLバグ辞典スレッド 【第５版】
→ http://pc8.2ch.net/test/read.cgi/hp/1144494359/l50

役に立つ書籍は？ 3冊目
→ http://pc8.2ch.net/test/read.cgi/hp/1142829968/l50

>>1-8
お湯

>>1
>>3-8
お湯！

>>1-8
超お湯

>>1-8
ちべたいちべたい！

　　　　　　　 ＿
　　　　　　 /　ｊｊｊｊ　 　　＿
　　　　　／　タ 　　 　{!!! _ ヽ､
　　　　,/　　ﾉ　 　　　　~ `､　 ＼
　　　　`､ 　`ヽ.　_,,..,,,,_　　,‐'` 　ﾉ　
　　　　　＼　　V ;' 3　 `"　.ノ／　>>1お湯
　　　　　 　 ヽ. 　　　　　）r '
　　　　　　　　 （　┌┐ '、
　　　　　　　　　|　 |　 ＼ ＼
　　　　　　　　　|　 |　　　＼ ＼
　　　　　　　　　|　 ）　　　　|　 ）
　　　　　　　　 /　/　　 　 /　/
　　　　 　　　 /　/　　 　　Ｌ＿＼
　　　　　　 　Ｌ＿＼　　　　　　￣
　　　　　　　　　　￣

selection.createRange().text って
テーブルの中の文字は取得できない？

>>14
まずアンタがやってるのはIE専だというのは分かっているのかね？
FFxでIE専を試してるとかじゃないよな？普通にできると思うけどね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</style>
<script type="text/javascript">
window.onmouseup = function() {
if(window.getSelection) alert(window.getSelection().toString()); // Gecko
else alert(document.selection.createRange().text); // IE
};
</script>
</head><body onload="init()">
<table border="2" summary="test"><tbody>
<tr><th>a</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
<tr><th>a</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
</tbody></table>
</body></html>

げげ、なぜか消し忘れた</style>が…

>>16
なぜか
消し忘れた
</style>が…

日本語おかしくない？なぜかって言った直後に消し忘れたってネタバレしてるし…

はいはいすまそ。ちなみにonload="init()"も消し忘れている。

ｽｸﾘﾌﾟﾄ書くのに10年近くM$のﾒﾓ帳使ってきた。ｴﾃﾞｨﾀはｳｻﾞｲ気がして。
色が邪魔だな。ｶﾗｰTVを初めて買った感じ。それとCtrl+Sが使いづらい。
みんなもｴﾃﾞｨﾀ使ってるの？

メモ帳使うならEmEditor

メモ帳はエディタとは言わないの?
俺はvim使ってる

>>15
スイマセン！事故解決できました。
selection.createRange().textを
onselectで動かしてたのですが、
onmousemoveにしたら取得できました。
onselectではフォーム、もしくはHTMLでマークアップされていない
文字しか取得できませんでしたね。
選択部分を取得するのだからonselectだろうという固定観念でした。
ホントすいまソん。

M$純正notepadなんて使いもんにならね
俺はsakuraだな

全くだな。洩れはもう何万回<script></script>やfunctionって打ってきたかな。
今はsと打つとscriptって入れてくれる。でも最初からこれ使ってたら便利すぎ
て逆に打てなくなるね。notepad利用者は本職でも結構多いよ。

こんにちは。
<script>var hs="こんばんは"</script>
<script src="konban.js"></script>
というように変数を先に出してあとの外部jsファイルで定義した関数を呼び
出してここにdocument.writeさせるように書いているのですが、試みに文法
チェックに掛けてみたところ、２番目のscriptタグは「ここには置けません」
と指摘されました。
なぜ文法的にまちがいなのでしょうか。

ん？

１、「他サイトから」、javascript をとってくる。
２、ちょっと加工して、eval() する。

これ、どーやってやろう。
１の条件がなければ xmlHttpRequest で一発だし、
２の条件がなければ、＜script src=＞ でOKなんだけど、
１と２、両方とも、となると、お手上げ。
なんかいいアイディアないですか？
JSON とかならできるのかな？

>>19
>色が邪魔だな。ｶﾗｰTVを初めて買った感じ。

この例えが実感出来る世代の人はココには殆ど居ないと思いますよ、人生の大先輩。

>>24
あほかｗ　script, function くらいスペル補完機能あっても忘れんわ

本職でも結構多いってさ、JAVAとかCになるとIDEとかじゃないと辛くね？
notepadはHTMLでさえも不便に感じる

[00-aa][01-ab][02-ac]のような[0-9]のない[a-z]までの26進法つくり
左側を右側に、右側を左側に相互変換したいのですが、どうしたらいいのですか？

はじめまして。
２ちゃんカキコミ初めてで緊張してるんですが。
今サイトを作ろうと思っているのですが、
ログインフォームと登録フォームをhtmlで作ろうと頑張って
るのですが、調べていくうちにJavaScriptやらcgiやらが
必要になってくるのかうまく作れません。カキコミが許され
ない人間なのかも知れませんが、宜しくお願い致します。

>>31
pomよ、お前のカキコミは俺が許す。
まず2chに登録するためにfusianas（ｒｙ

>>32
ありがとうございます><
道場訓を一つだけ自身持ってクリアしたものがあります。
ブラクラに打ち勝つ勇気だけはありました。
(その後、ハードディスクが壊れたのか7万の修理代とメッセの友人
を無くしました)
すみません。。fusianas＜登録したいのですが、わかりません泣

>>31
pomさんはじめまして^^
ここはJavascriptスレなので、
何がしたいのかもうちょっと具体的にね
丸投げは受け付けてないお。

あと、今度からfusianasa(ry

>>34
はじめまして＾＾
はい、すみません。
具体的に書きますと、
会員制HPを作りたく作成途中なのですが、
まず、会員IDとパスワード・名前・メアドetc
などを登録するフォームの作成
IDとPASSを入れるフォームの作成。
を作ろうとしています。
なんとなく自分がカキコミしたのは場違い
な気がして(cgiｽﾌﾟﾘｸﾄとか言う物と間違っ
てたら本当に申し訳ないです。)
ならないのですが、何か一つでも次に進め
ると思いカキコしました。
是非、教えてください。宜しくお願い致
します。

fusianasa(ry
↑
すみません。何ですかこれはｗ

ＨＴＴＰ://www.google.co.jp/search?hl=ja&q=fusianasa%28ry&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_ja

騙り防止機能っていうものですか！？

訳あってラジオボタンが使えないんだが、
チェックボックスAをクリックするとBのチェックが外れ
チェックボックスBをクリックするとAのチェックが外れるように
したいんだけど、
<head>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function sousin(){
var form2=document.MYFORM.ck1;
var form3=document.MYFORM.ck2;

if(form2.checked){
form3.checked=false;
}else{
if(form3.checked){
form2.checked=false;}}}
-->
</SCRIPT>
</head>
<body>
<form name="MYFORM">
<input type="checkbox" name="ck1" value="A" onclick="sousin()"/>A<br>
<input type="checkbox" name="ck2" value="B" onclick="sousin()"/>B<br>
<input type="submit" value="検索"/>
</form>
</body>
</html>
と書くと、
Bチェック済み→Aクリック　B外れる
Aチェック済み→Bクリック　A外れず　Bチェック出来ず
になるんだが、どう書けばいいのか教えてくれないか('A｀)
過去ログに似たようなのがあったけど、同じ挙動になるんだ。

スマン
あげてしまった。

<html lang="ja">
<head>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function chk(){
var checks = new Array(document.MYFORM.ck1, document.MYFORM.ck2)
for(var i=0;i<checks.length;i++)checks[i].checked = false;
event.srcElement.checked = true;
}
-->
</SCRIPT>
</head>
<body>
<form name="MYFORM">
<input type="checkbox" name="ck1" value="A" onclick="chk()"/>A<br>
<input type="checkbox" name="ck2" value="B" onclick="chk()"/>B<br>
<input type="submit" value="検索"/>
</form>
</body>
</html>

本筋からそれるが、scriptタグの中に２つ書くのはよろしくない。

おしえてん。

>>38
<head>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function sousin(obj){
var form2=document.MYFORM.ck1;
var form3=document.MYFORM.ck2;

if(obj=="a"){
form3.checked=false;
}
if(obj=="b"){
form2.checked=false;
}
}
-->
</SCRIPT>
</head>
<body>
<form name="MYFORM">
<input type="checkbox" name="ck1" value="A" onclick="sousin('a')"/>A<br>
<input type="checkbox" name="ck2" value="B" onclick="sousin('b')"/>B<br>
<input type="submit" value="検索"/>
</form>
</body>
</html>

引数で判断すればいい。

>>27
どの関数を加工するか分かっているなら、その関数を
toString()して加工して再定義することはできるね。

elm=document.getElementsByTagName('input');
for(i=0;i<elm.length;i++){
elm[i].setAttribute("onclick", new Function('alert(str[i][3]);'));
}
としたいのですが、エラーになります。
どうすればいいのでしょうか？よろしくお願い申し上げます。

>>45
>>3

>>45
どの行でどういうエラーが出ているのか書け。それができないなら帰れ。
ちなみにIEではsetAtrributeでonclickハンドラをつけることはできないから。

>>35
会員のデータ登録とかは JS じゃできないから CGI でおｋ
フォームの作成は HTML でおｋ

elm[i].onclick = new Function('alert(str[' + i + '][3]);');
かな?

elm[i].setAttribute("onclick", new Function("alert('test');"));
はＯＫ
elm[i].setAttribute("onclick", new Function('alert(i);'));
もＯＫ
elm[i].setAttribute("onclick", new Function('alert(str[i]);'));
はundefined
elm[i].setAttribute("onclick", new Function('alert(str[i][3]);'));
だと
'str[...]3'は Null またはオブジェクトではありません。
とでます。どうかよろしくお願い申し上げます。

ねぇ、 new Function っての使うメリットってなーに？

>>49さん
出来ました。有り難うございます。やった！。
>>51さん
無名関数だと動きませんので。

>>52
無名関数でできないのは自分の腕前の問題だろ。洩れはnew Functionなんて
数年来使ったことがないよ。

> 無名関数だと動きませんので。

動きます＞＜

もちろんあのnew Function()が自力で書けない奴は無名関数だって
書けないだろうとも。もう終了しよ。

どう

これはどう読めばよいのでしょうか。ちょっとした日本語でお願いします。
var Prototype = {
Version: '1.4.0',
ScriptFragment: '(?:)((\n|\r|.)*?)(?:<\/script>)',
emptyFunction: function() {},
K: function(x) {return x}
}

>>57
ヴぁープロとてぃぷ　は、　
ヴぁーじょん　ころん　１．４．０
すくりぷとふらぐめんと　ころん　ごにょごにょ
えんプリティふぁっくしょん　ふぁっくしょんかっこ
けい、　ふぁんくしょん　かっこえーっくす、　れつるん　えっくす

ちょｗｗｗｗｗｗｗ

ごにょごにょ　と来たかｗ

余も老けて参りました。真面目にお願いします。

大音量でお楽しみください

>>58
ヴィトゲンシュタインも言っているが、
Sie wollen mich abzocken.を
ずぃー　ヴぉれん　みっひ　あっぷつぉっけん。
といってもそれは決して日本語ではない。
トマトが魚でないのと同じである。

>>61
だからオブジェクトイニシャライザでVersion, ScriptFragment等の
プロパティにそれぞれ値を設定したオブジェクトを作り変数Prototype
に格納している。それ以上説明しようがないな。あとはどこでどう使う
か次第だと思うがね。

質問

HTMLでホームページを制作しています


<A href="・・/index A.html"><B>index A.html</B></A><BR>
<A href="・・/index B.html"><B>index B.html</B></A><BR>
<A href="・・/index C.html"><B>index C.html</B></A>

以上の内容を書いているのですが、
この３つは別のフレームに表示するとこまではできたのですが
自動で何秒後かに、これらを巡回表示するように設定するには
どのようなコード、プログラムを組んだらよいでしょうか？

なるべくHTMLのコードがいいのですが、無可能なら
パールやジャバでもいいです。

>>65
お前にホームページを制作する資格は無い

無可能ｷﾀｺﾚ

>>63
ヒント：ちょっとした日本語
トマト：ちょっとした魚

>>65
どっかで見た質問だけどまあいいや。
HTMLだけでは無可能。javascriptをつかえばおｋ
ヒント：SetTimeout

>>65
index A.html とやらのソースをいじれるなら
html の範囲内でできるでそ

http://www.htmq.com/html/meta.shtml

>>67
サンクス！！！！！「
全身全霊を持ってヒントをググってみます！

>>68
以下同文

IDが表示してない、、
>>69=>>70です

ほんとありがと、じゃばの板なのに

じゃばじゃないもん

すくりぷとだもん

質問です。
ずっと思っていたのですが昨日またぶち当たりました。
document.form1.select1
というoptionリストがあったとき、
document.form1.select1.value
に値（実際はindex値）をいれると、それがあたかも
formObj.select1.options[form1.select1.selectedIndex].valueと
同じに振る舞うのはどういう理屈なのでしょうか。
optionリストではvalueは常にindexが「0」という暗黙の了解（？）
がJavaScriptの元コードの中であるのでしょうか。
ご意見お聞かせください。

>>40>>43
おお（ﾟ∀ﾟ)
二人ともありが�d！感謝！！
二つともやってみるよ。

>>43
引数で判断するのか。勉強になりました。

>>41
<SCRIPT language="JavaScript" type="text/javascript">
　　　　　　￣￣￣￣￣￣￣￣￣￣　￣￣￣￣￣￣￣￣￣
これのことかしら

>>74
そのブラウザがたまたまそのように作られただけで
その動作には何の保証もない。別ブラウザだったり
バージョンが替わったら動かないかも知れない。
洩れはだからそういう「たまたまの」動作には興味も
関心もない。まあせいぜい好きなだけ探求すれば。

>>76
いやそうとは言えないのでは。DOM2 HTMLの記述。
value of type DOMString
The current form control value (i.e. the value of the currently
selected option), if multiple options are selected this is the
value of the first selected option.
だから現在選択されている項目の値が設定できると規定されている
ものと読める(valueはreadonlyではないしね)。

>>77
なるほどそう読めるね。スマソかった。

> if multiple options are selected this is the
> value of the first selected option
役に立たない仕様だな…

後付け仕様なんてそんなもんさ

<meta http-equiv="???" url=aaa.htm">

の中にTargetを組み込んで
ジャンプする前のページのフレーム内に表示することはできますか？

>>81
それはフレームの使い方として向かない

質問があります。よろしくお願いします。

ポートフォリオ形式のサイトを作るにあたって、
リストになっている画像ボタンを押すと、隣のボックスにある大きな画像が変わる
という状態のものをつくりたいと思ってます。
どうにかそれらしきjava scriptを入れ込んだのですが、ターゲットにしたかった大きな画像ではなく
リストの真上にあるタイトル画像が変わってしまいます。
どうやってターゲット先を指定するのでしょうか。
HTMLとCSSは大丈夫ですが、java scriptはまだ初心者です。
よろしくお願い致します。

>>83
そういう曖昧な質問を受けても君は的確に答えられるのか？
最低限のソースも貼れないヤツは、こちらへ ∩（ ´∀｀）∩ﾄﾞｳｿﾞ (っ´∀｀)っ))ﾖﾛｼｸ

手取り足取り教えるJavaScriptスレpart4
http://pc8.2ch.net/test/read.cgi/hp/1155954169/

答えられないのでここに来たのですが、お忙しい所申し訳ありません。
ソースが必要ならここに全部貼ってしまっていいのでしょうか。java script の部分だけで解りますか？
こういった場所での質問が初めてなもので。
回答ありがとうございました。

>>85
テンプレも読めないアホは帰れ

そうします。お騒がせ致しました。

>>77
ありがとうございました。あながち間違いではないんですね。
標準規格という問題もあるでしょうけれど。

すいません、アルゴリズムを教えてもらいたいです

>>89
http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0

<A href=""><IMG src=""></A>
イメージタグの挟まったアンカータグのみを残して
removeChildかremoveAttribute('href')
したいのですがどうマッチさせればいいのでしょうか？
ご教授よろしく御願いします。

>>91
文字列で行く？
ドムで行く？

ドムで御願いします。

var es=document.getElementsByTagName("img");
for(var i=0;i<es.length;++i){
if(e.parentNode.nodeName=="a"){
e.parentNode.removeChild(es[i]);
e.removeAttribute("href");
}}

みたいな？

↑
3-4行目のe.はes[i].の間違い。
5行目のe.はes[i].parentNodeの間違い。
4行目と5行目は逆。

JSONについて教えてください。
(1) 読み方はジェイソンですか、ジェイエスオーエヌですか？
(2) { "foo" : "bar" } と { foo : "bar" } どちらの書き方が正しいですか？

>>96
(1)当然ジェイソン
(2)前者

>>95
tagName.match(/img/i)とやってダメだったのですが
nodeName.match(/img/i)で動きました。
有り難うございました。

>>97
ありがとうございました。
(2)で僕はいつも後者で書いているのですが、後者だと何か問題ありますか？

>>99
今のところ、javascriptのevalで使うくらいだろうから、問題ないと思う。
仕様に厳しく正しく従うJSONパーサが出てきたら、問題。

でも、そんなパーサでも(2)でも動くように作ると思うけど。

>>100
ありがとうございました。

テーブルのセルの空欄部分にJavaScriptで斜めの線を引くことはできませんか？

(第２章)上につかった、a, b, c など算数の未知数のようなものを、
プログラミングの世界では 変数といいます。
www.aanda.co.jp/VIPRoom/vsdoc/seminner/step2.htm

そうなの？

>>103
その説明はあんまりよくないと思うけどね。a=a+1みたいなのの
説明ができないからね。
>>102
斜め線の画像を用意してそのセルに埋めるのが一番素直かな。

a=a+1は代入だから問題なくね？

ちょー初歩的質問いいですか？
１０の２乗を２進法で表わすとどうして４なんですか？
２進法って0と1だと習ったのに。
parseInt(String(Math.pow(10,2)),2) //<--4
こんな感じです。

addEventListnerで、オブジェクトのメンバ関数をコールバックする
ことってできないのでしょうか？

addEventListner("onclick",this.func,false)

みたいなことをやりたいのですが。
Firefox1.5だとエラーないのですが、
func内の this が、自分自身への参照ではなく、
イベントの発生Nodeへの参照になってしまいます。

すいません。
×onclick
○click

>>106
勘違いしとるよ。
２進で１００は１０進で４。
そういう関数。

>>107
thisから関数funcだけ取り出して登録したらthisは
呼ばれる時には行方不明になってるだろ。
addEventListener('...',function(x){return function(){x.func();};}(this),false)
なぜこれでいいかは自分で勉強すれ。
>>105
「未知数」といった場合、いくつかは分からないが「ある決まった
数」という意味になるよね。aとa+1が等しいような「ある数」
ってないじゃん。だから未知数という教え方はよくないと思うね。

>>107
>func内の this が、自分自身への参照ではなく、
>イベントの発生Nodeへの参照になってしまいます。

それは偶然。

>>109 すいません大ボケでした。thx

TABLEのROWを削除するコードで
obj.removeChild(obj.rows[i]);
としたんですが、ここ↑で引数が無効だとエラーが出ます。
書き方悪いでしょうか？

>>113
TR要素はTBODY要素の中に入っているのでそのTBODYから
removeChildしないと駄目よ。HTMLを勉強すれ。(前にもめた
ので書いておくと、HTMLの記述上はTBODYタグは省略できるが、
省略してもTABLE要素の下にTBODY要素が補われて作られる。
だからTBODY要素が必ず存在するということに変わりはない。)
DOM操作するならタグの省略するとワケワカになるから全部
きっちり書く方を勧める。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var t0 = document.getElementById('t0'), t1 = document.getElementById('t1');
t1.removeChild(t0.rows[1]);
}
</script>
</head><body>
<table id="t0" border="2" summary="test"><tbody id="t1">
<tr><th>0</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
<tr><th>1</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
</tbody></table>
<p><button onclick="test()">Test</button></p></body></html>

obj.deleteRow(obj.rows[i]);

>>115
deleteRow()だったら「行の番号を」指定するんでは。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() { document.getElementById('t0').deleteRow(1); }
</script>
</head><body>
<table id="t0" border="2" summary="test"><tbody id="t1">
<tr><th>0</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
<tr><th>1</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
</tbody></table>
<p><button onclick="test()">Test</button></p></body></html>

>>116
あ、そうか。うっかりしたわ

>>114
ホレさま、できました！ありがとうございました。

var にはどんな役割があるのでしょうか。
あと、ブロック内で、グローバルな変数を宣言
するにはどうすればいいのでしょうか？

>>110
なるほど、こうすればいいのですね。。
ありがとうございました。

>>119
var は変数の宣言。省略可能。
var a = 0; var b = 0;
function f(){
    var a = 1;
    window.b = 1;
}
f();
// a -> 0;
// b -> 1;

ごめん、うそ書いたかも。

>>121の補足
globalスコープ（＝関数内でない場所）では、varをつけずに変数が使えるが、
関数内では必ずvarをつけないといけない。

globalスコープの変数は、すべてwindowオブジェクトの扱いになる。
たとえば、var a=0; と window.a=0; は同じ

関数内の変数は、その関数内の宣言以降のシーケンスならどこでも使える。
宣言をしない変数は使えない。

ありがとうございます。

>>123
宣言なしでも関数内で使えるんじゃ

関数内で宣言なしで使うとグローバルになる

厳密に言えば引数リストに現れる名前の場合引数になる(笑)

data = [
{level:0,value:"あ"},
{level:1,value:"い"},
{level:1,value:"う"},
{level:2,value:"え"},
{level:3,value:"お"},
{level:2,value:"か"},
{level:2,value:"き"},
{level:3,value:"く"},
{level:4,value:"け"},
{level:1,value:"こ"}
];
上記のような、階層レベルと値の組の配列が与えられたとき、
下記を出力するアルゴリズムが知りたいんです。
あ
┣い
┣う
┃┣え
┃┃┗お
┃┣か
┃┗き
┃　 ┗く
┃　 　 ┗け
┗こ

今考え中の方法は
まず、階層レベルの数値から再帰処理とかで何とかして段々な構造の配列を作る。
この配列の中に入れる物は何でもいいから空っぽでいい。[[],[[[]],[],[[[]]]],[]]が出来る。(配列の構造じゃなくてもただの文字列でいいかも？)
今度は再帰処理でこの配列を全部見る。でカレントが配列の最後なら┗、そうでないなら┣みたいに分岐。
その頭の┃か　 は、子供配列に潜るときにそれを含んでいた場所が配列の最後かどうかで分岐。
そうして何とかして["","┣","┣","┃┣","┃┃┗","┃┣","┃┗","┃　 ┗","┃　 　 ┗","┗"]を作る。
最後に普通のforでそのツリー文字とデータの値とを連結しながら書き出す。

>>128
それでいいから。

┣¨┣¨┣¨┣¨┣¨・・・

>>128
自分も、先週そんなコードをRubyの練習として書いてた。
描画にも再帰使ってるのでかなり遅いけど。

自分自身の兄弟ノードが自分より後に無いかどうかさえ判定出来ればいいんで
そう難しくはないんだけど、もっとスマートな方法があるような気がしてならない。
JavaScript スレで言うことじゃないけど、誰か知っていたらヒントでもいいので下さい。
気になる。

ん、よく読んだら微妙に違うな。
同じ考えなら、解析と描画にそれぞれ一度再帰を使うだけで最後のループとかはいらない。

>>128-132
なんか大幅に方針が間違っているように思えるんだが。ちょっと手抜き版だけど。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
var data = [{level:0,value:"あ"},{level:1,value:"い"},{level:1,value:"う"},
{level:2,value:"え"},{level:3,value:"お"},{level:2,value:"か"},
{level:2,value:"き"},{level:3,value:"く"},{level:4,value:"け"},
{level:1,value:"こ"}], a = new Array(data.length);
for(var i = 0; i < a.length; ++i) {
a[i] = new Array();
for(var j = 0; j < data[i].level; ++j) a[i].push('　');
a[i].push('┗'); a[i].push(data[i].value);
}
for(var i = a.length-2; i > 0; --i)
for(var j = 0; j < a[i].length; ++j)
if((a[i+1][j]=='┗' || a[i+1][j]=='┃' || a[i+1][j] == '┣')
&& !letter(a[i][j])) a[i][j] = (a[i][j]=='┗')?'┣':'┃';
for(var i = 0; i < a.length; ++i) document.writeln(a[i].join(''));
function letter(c) { return c >= 'あ' && c <= 'ん'; }
</script></pre>
</body></html>

げげ、letter()とか要らんね。!letter(a[i][j]) を a[i][j]=='　' に直す。

げげ、>>134では違うな。まあいいや元のままが分かりやすいかもね。

◎ ＜ おまえは鬼太郎か！
大

>>133
なるほど。先に修飾部分を作っちゃうのか。
勉強になりました。ダメもとで聞いてみてよかった。

自分の場合は tree コマンドを Ruby で作ってみたかったってだけだから
>>128の場合とは入力そのものが違うんだけど、ちょっと応用してみます。

ありがとうございました。

designMode = on にしたときのIEの挙動で本格的にはまってしまったので、
ここで質問させてください。

<html><head><title>test</title><script>
test = function() {
var iframe = document.createElement("iframe");
iframe.style.width = "900px";
iframe.style.height = "600px";
document.body.appendChild(iframe);
iframe.contentWindow.document.designMode = "on";


setTimeout(function() {
iframe.contentWindow.document.body.innerHTML = "<div style='width:100px;height:100px;background-color:red;visibility:hidden;display:block'></div>"
iframe.contentWindow.document.designMode = "on";
}, 0);
}
</script></head><body>
<a href="#" onclick="test();return false">test</a><br>
</body></html>

designMode = "on" の状態で、削除をさせたくないDIVがあるのですが、どうしても削除出来てしまいます。
iframeのbodyの中身に、visibility:hidden のDIVが一つありますが、IEではこれが見えてしまい、削除も出来ます。
ありえないことに、display:none にしても見えてしまうんです。designMode = "off" にすればもちろん見えません。
Firefoxでは当然見えなくて削除も出来ないのですが、どうすればIEで削除させないことが出来るでしょうか。

どなたかお助けください。よろしくお願いします。

designMode = 'on'の挙動なんてブラウザにおまかせなんだから
それ以上どうにかできるとは思えないけどね。

>>139
designModeには色々とテクニックがあるんだけどね

>>140
ふーん知らない。だったらぜひご教示を。

document.createElementを使って新しく作ったIFRAMEの中で
勝手にフォントの書体やサイズが変わるのが嫌なんですが、
外のBODYと全く同じ概観にすることって出来ますか？

>>141
何が聞きたいの？

>>142
var obj = document.createElement("iframe");
obj.document…
みたいにしてなんとかするんじゃまいか？
ドメイン違ったら

>>143
「テクニック」がないとひっかかりがちな罠をいくつか。
簡単なら解決方法も。

>>145
たとえばIEで、designMode=onでは扱えなくてcontentEditable=trueだと扱えるスタイルがある。逆も。
138のvisibilityやblockもそうだし、floatなどは逆で存在する。

>>146
うへぇそんな罠が。てか138はそれで解決？

If this attribute is applied to a BODY element, it has the same
effect as setting the designMode property of the document object.

うーむ…MSめ。
こういうのは地道に調べるしかないんかね。
最近は圧縮流行でソース参照しづらくて困る。

>>147
人のソースを参照しようという心構えがいかんのだよ

圧縮ツールがあるなら解凍ツールもあるのだよ

>>133
ありがとうございます！
コードを少し変えたりしてこんな感じでちゃんと実装できました。

var data = [{level:0,value:"あ"},{level:1,value:"い"},{level:1,value:"う"},{level:2,value:"え"},{level:3,value:"お"},
{level:2,value:"か"},{level:2,value:"き"},{level:4,value:"く"},{level:4,value:"け"},{level:1,value:"こ"}],
a = new Array(data.length),treeCharset = new Array("　","┗","┃","┣");
for (var i=0; i<a.length; i++) {
a[i] = new Array();
for (var j=0; j<data[i].level; j++) a[i][j] = Number(j==data[i].level-1);
}
for (var i=a.length-1; i--;)for (var j=0; j<a[i].length; j++)if(a[i+1][j]) a[i][j] = Number(a[i][j]==1)+2;
for (var i=0; i<a.length; ++i) {
for(var j=0;j<a[i].length;j++) document.write(treeCharset[a[i][j]]);
document.writeln(data[i].value);
}

ツリー文字は、文字列で比較したり代入したりすると重いはずなので、
代わりに数字で管理し書き出すときに文字に置き換えるようにしてみました。
結果、処理が30%ほど高速化しました。

どうも、本当に助かりました。

google suggest ttp://www.google.com/webhp?complete=1
の真似をしようと思い、フォームに値が入力された時に自身の位置(top、left)を取得して
その下に一覧ボックスをDIVで出力させようと考えました。が上手く取得できません。
テキストボックスの横に「擬似プルダウンメニューのボタン」を置いてそこをクリックさせ、
クリックイベントから座標引っ張る、っていう力技くらいしか思いつかないんですが
スマートな方法無いでしょうか

<html><head><head><body><form>
<input type="text" onclick="window.alert(this.style.top)">
</form></body></html>

>>151
style.top等は「自分で設定した値」は参照できるがブラウザが
決めた値を取るのには使えないぞ。FAQにもあるだろうがボケ!
位置を知るためのプロパティは別にある。過去ログでも探せば。
(すぐ教えてやる気にならんのであしからず。)

>>151
offsetTopは?

>>152>>153
いけましたありがとう！

<html><head>
<script>
function displaylist(obj){
x = obj.offsetLeft;
y = obj.offsetTop;
w = obj.offsetWidth;
h = obj.offsetHeight;
o=obj;
x += o.offsetParent.offsetLeft;
y += o.offsetParent.offsetTop;
while(o.offsetParent.offsetParent){
x += o.offsetParent.offsetParent.offsetLeft;
y += o.offsetParent.offsetParent.offsetTop;
o = o.offsetParent.offsetParent;
}
document.getElementById("searchresult").style.top = y+h;
document.getElementById("searchresult").style.left = x;
document.getElementById("searchresult").style.width = w;
document.getElementById("searchresult").style.display = "block";
}
</script>
</head><body style="">
<input type="text" onclick="displaylist(this)">
<input type="text" onclick="displaylist(this)">
<div id="searchresult" style="display:none;position:absolute;background-color:#00ff00">
<ul><li>result1</li><li>result2</li><li>result3</li></ul>
</div>
</body></html>

>>154
それは期待通りになるだろうけど、間違えているね。

確実にチラシの裏だが聞いてくれ

var obj = {};
var x = 1;

obj[x] = something;

上のなんの変哲もないコードで、Opera8系列が「極稀に」クラッシュすることを突き止めた。
理由はさっぱりわからないが、数字をキーにしてオブジェクトへアクセスすることを繰り返すと
頻繁に落ちてしまうようだ。obj["a" + x] に変更したところ完全に問題なく動いている。

特に理由が無い限り、Operaサポートする宿命を負った哀れな人は、上のようなコードを避けることを強くお勧めする

var obj = [];

>>157
つprototype.js 汚染問題

prototype.js//感染拡大

prototype.js//害毒蔓延

IE６で
document.fileUpdatedDateが出てこないのですが、何故ですか？

>>161
そのIE専なプロパティのリファレンスをよく読めアホ!
fileUpdatedDate Property
Retrieves the date the file was last updated.
Syntax
HTMLN/A
Scripting[ sDate = ] IMG.fileUpdatedDate
Possible Values
sDateString that receives the date of the last update.
For example, Monday, December 08, 1997.
The property is read-only. The property has no default value.
Standards Information
There is no public standard that applies to this property.
Applies To
IMG ←IMG要素にしか使えないと明記されているぞボケ!

document.fileUpdatedDateなんてプロパティ初めて見た

>>162
アリガット
Kilroy Was Here.

２ちゃんねるの「ひろゆき」失踪…掲示板閉鎖も
訴状などは東京・西新宿の古アパートに送られるが西村氏はいつも不在イン
ターネットの巨大匿名掲示板「２ちゃんねる」の管理運営者「ひろゆき」こ
と、西村博之氏（２９）が失踪状態にあることが２２日までにわかった。同
掲示板は西村氏個人が管理している。当局が不適切な書き込みの削除や投稿
者の情報を求めようにも行方知れずで放置され、裁判所からの呼び出しにも
応じていない。ネット社会の象徴的な存在でもある「２ちゃんねる」は最悪
の場合、「掲示板閉鎖」という事態まであり得る情勢だ。
ttp://www.zakzak.co.jp/top/2006_09/t2006092201.html

(´・ω・)ｽ

(´･ω･)キ

(´・ω・)ｽ

(´･ω･)キ

(´・ω・)ｽ

(´･ω･)キｯ

(´・ω・)ｽ

(´･ω･)キ

(´・ω・｀)ｱｲｼﾃﾙ

(*´・ω・｀*)javascript

またしても質問なんだが、

チェックボックス AとBは二択
チェックボックス Zは個別
で、
チェックした項目がテキストエリアに表示されるようにしているんだけど、
このソースはこれ以上簡単にならないのかな(´・ω・)
※訳あってラジオボタンは使えない

うｐ
ttp://www.uploda.org/uporg525196.txt.html
passは目欄

<AREA shape="circle" href="a.html" onmouseover=alert("foo")>
みたいなコードを入れている。

これで困るのが、そのエリアにマウスカーソルを
おきっぱなしにすると、
怒涛の alert 攻撃が始まって、ぜんぜん終わらないこと。

なんとかして！！！！。

うわあい・・・(´･ω･)

<html>
<head/>
<body>
<form name="MYFORM">
<input type="checkbox" name="ck0" value="ZZZ " onclick="document.MYFORM.search.value=(this.checked?this.value:'')+
(document.MYFORM.ck1.checked?document.MYFORM.ck1.value:'')+(document.MYFORM.ck2.checked?document.MYFORM.ck2.value:'')"/>ZZZZZZZZZZZZ<br>
<input type="checkbox" name="ck1" value="AAA" onclick="if(this.checked)document.MYFORM.ck2.checked=false;
document.MYFORM.search.value=(document.MYFORM.ck0.checked?document.MYFORM.ck0.value:'')+(this.checked?this.value:'')+(document.MYFORM.ck2.checked?document.MYFORM.ck2.value:'')"/>A
<input type="checkbox" name="ck2" value="BBB" onclick="if(this.checked)document.MYFORM.ck1.checked=false;
document.MYFORM.search.value=(document.MYFORM.ck0.checked?document.MYFORM.ck0.value:'')+(document.MYFORM.ck1.checked?document.MYFORM.ck1.value:'')+(this.checked?this.value:'')"/>B<br><br>
<textarea name="search" rows=3 cols=30 readonly></textarea>
<input type="submit" value="検索"/>
</form>
</body>
</html>

>>114

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {

// countはid="t1"の小ノードの数
count = document.getElementById('t1').childNodes.length;
count -= 1; //配列を考慮して-1で調整。

var t0 = document.getElementById('t0').t1 = document.getElementById('t1');
t1.removeChild(t1.rows[count]); //一番最後の小ノードを削除

}
</script>
</head><body>
<table id="t0" border="2" summary="test"><tbody id="t1">
<tr><th>0</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
<tr><th>1</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
</tbody></table>
<p><button onclick="test()">Test</button></p></body></html>

尻から削除するなら上の方法、
頭からでいいなら単純にt1.removeChild(t1.rows[0]);でいい。
解決したようだけど、皆さんの参考になれば。

>>177
ならんだろ
<AREA shape="circle" href="×.html" onmouseover=alert("foo") alt="円形" coords="197,69,54">

document.getElementsByTagName('br');
文中の＜br＞タグを削除するにはどうすればいいのですか、お願いします。

>>182
var br = document.getElementsByTagName("br");
for(var i=0 ; i<br.length ; i++){
    br[i].parentNode.removeChild(br[i]);
}

スタイルシートで
br { display: none; }

とした方が簡単かもしれない。

ありがとうございました。

>>183
それうまくいかないんじゃない？やるんなら
while (br.length) br[0].parentNode.removeChild(br[0]);

現在約180レスのこのスレで計測。

var brs = document.getElementsByTagName('br');
var s = new Date;
while (brs.length) brs.item(0).parentNode.removeChild(brs.item(0));
alert(new Date - s);// 531

var brs = document.getElementsByTagName('br');
var s = new Date;
try {
  while (true) brs.item(0).parentNode.removeChild(brs.item(0));
} catch (NO_BRS) {
}
alert(new Date - s);// 250

>>183-186
計測してないけど
var br = document.getElementsByTagName("br");
for(var i = br.length-1; i >= 0; --i){
var e = br[i]; e.parentNode.removeChild(e);
}
が読みやすくて速いんじゃないの。

>>185
そのとおりです。ごめんなさい。

>>186
try なんかしなくても
while (brs[0]) brs[0].parentNode.removeChild(brs[0]);
これでいいやん

>>189
だからそれはのろいというのが>>186の指摘でしょ。

>>186 は brs.length 遅ぇ、って指摘してるだけでそ

var len = brs.length;
とかしたらいいんじゃね？

>>192
コード読んでないだろ阿呆。それじゃ無限ループになるって。

>>192

よく見てなかったけど、もちろんforで使うって意味だった
でもケツから削除してくのは遅いかな

http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/7_Lexical_Conventions.html
に
「構文的な文法内に、除算および RegularExpressionLiteral の両方が構文的文法によって許されるコンテキストが存在する」
ってあるけど、これって例えばどんな時?

ある要素hogeに名前空間fooである属性barがあるんですが、
hoge.getAttributeNode("foo:bar")のように直接foo:barと書いてもうまく属性を取得できません。
名前空間が異なる属性を取得するにはどうすればいいでしょうか。

>>197
getAttributeでいんじゃね？

>>197
ふつうにgetAttributeNodeNSでできるが、何を聞いているんだ？

正規表現は聞いたらダメですよね？

正規表現そのものについては、
正規表現の中の人に聞いた方がいいと思う。
JavaScriptでの正規表現の扱いについてはこのスレでおｋ

ありがとうございます。

フォーカスがあたっている要素情報ってとれますか？

>>203
前にもその質問あったけど全部にonfocusつけて追跡して記録とか
しかないという話になった記憶が。

onfocusで検索してみましたが...どれがそうなのか分かりません。
フォーカスがあたっているいるところのvalueとnameがほしいのですが、
出来そうならYes出来なさそうならNoでお答えください。

検索も出来ないお前さんにはNoと答えよう

ごくふつうに、document.activeElementでWinIEはいけるだろ。
他は、document.addEventListener('focus',...,...)して、リスナーの中でイベントオブジェクトに問え。
全部にonfocusなんて、今時のブラウザシェアを考えれば、ナンセンスだよ。

ファイル選択ダイアログで、ファイルの種類のコンボボックスは編集できますか？
拡張子 "jpg"しか選択できないみたいな。

できない

　ttp://allabout.co.jp/internet/javascript/closeup/CU20020529/
↑このHPにあるポップアップ式カレンダー入力を利用してHPを作っているのですが
<select>タグだけカレンダーの上に重なって表示されてしまいます。
他のtype=inputやbuttonは後ろに隠れるのですが
style=z-indexなども試みてみましたがうまくいかず・・・
　ttp://www.kawa.net/works/js/jkl/calender.html
↑のやつに変えてみたりもしましたが、やはり<select>が上に表示されます。

ポップアップしたときにカレンダーを最前面に表示するにはどうしたらいいでしょうか。
よろしくおねがいします。

↑それってIEの話だろ？
select要素がz-index無視して、一番手前に表示されるのは
多くの人がムカついてるIEの挙動の一つで、結局、邪魔な時は
selectのstyleいじって隠すってのが、一つの手。
Lightbox系のライブラリは大抵そうしてるみたいだ。

z-indexをいじるのは不安だな。
SafariやOperaの対応の駄目さ加減が泣ける

カレンダーをIFRAMEに入れたら

>211
ご回答ありがとうございました。
有名なバグだったんですね(;´Д｀)

JSでナントカできないか頑張ってみたいと思います。
本当にありがとうございました。

JavascriptをUAによって読み込ませたいのですが、
これは見栄えの違いはあってもすべての環境でエラーなく実行させるのに
合理的な方法ですか？

日本語でおk

質問です。
var q=''; //global
function Q() {
q='Q()';
alert('Hello World');
}
のとき、
<input type="button"value="test"onclick="q">
で関数を呼び出そうとしたのですができません。functionの中を
どう書けばよいのでしょうか。

( ﾟдﾟ )

( ^дﾟ /☆ﾊﾟﾁｯ

>>217
まずHTMLの文法がおかしい。正しく空白をあけろボケ!
次にアンタのコードでは最初にqに''が入っていて、Q()が
呼ばれるとqに'Q()'という文字列を入れるようになってるが、
どこからもQ()を呼んでないから永遠にqは''のままだろボケ!
最後に、変数qに関数Qを入れてq経由で呼び出したいのなら
設定する方は「q=Q;」、呼び出す方は「onclick="q()"」だボケ!

(゜Д゜)ﾎﾟｶｰﾝ

function abc() { }
と
window.abc = function() { }
と
window abc = new function() { }
の違いを教えてください。

>>222
1番目と2番目はほとんど違わないが1番目のものは
呼び出す箇所より後ろにあっても大丈夫。そして3番目
は構文エラーつか滅茶苦茶だぞ!!! 文法が分かるまで
2度と来ないでくれ。

ついでにオイラにも
abc.prototype.x=function(){]
との違いも教えてくんなまし。

>>224
テメエも構文エラーだボケ! それを直したとして
new abc()で作るオブジェクトのxというメソッドを定義する。
この説明で分からなければ地道に本でも買って勉強し直せ。

>>223
最後のはタイプミスです。
window.abc = new function() { }

^o^/^O^/^0^/^_^/^o^/^O^/^O^/^_^/^|^/^0^/^O^/

>>223
オイラもタイプミスだった。
abc.prototype.x=function(){ }
ありがと、先コーよ。

>>226
エラーになるか、何だかよく分からないオブジェクトが
作られてそれがabcに入るか、どっちか。ホント真面目に本などで
勉強し直せって。ここでそんなアホなこと聞いてたら煽られる
だけで時間の無駄だと思う。

入門書とかのわりと最初の方でよく出てくるね。

var abc = new function("a","b","return a+b");

みたいなのが。

>>230
おいおい、それは何だよ、煽り？小文字で始まるfunctionは
予約語だっつーの。ともかくnew Function(...)なんてまず
出て来るような入門書は捨てるべきだな。普通使わないだろ。

実行内容が空っぽの関数オブジェクト作るときはコンストラクタでやるけどな

>>229
なんでエラーになると思ったの？
お前も勉強しなおしたら？

>>233
うんエラーにはならないね。function(){;}の
[[Construct]]プロパティがどうなるかまでリファレンスを
読まずに書いたから。スマソかった。

>>233-234
「何だか分からないオブジェクト」じゃなくnew Object()と
同等のオブジェクトじゃないのかな。

そんでまあこの流れで言える事は、
このスレにはC++やJAVAもスラスラなコーダーもいれば
HTMLすらアヤフヤなPC初心者レベルまで幅広くいる
ってこったな。

<a href='javascript:window.open("http://hoge/page","f","width=460,height=400");void(0);'>javascript:window.open</a><br>
のようなリンクを
<a href='http://hoge/page'>javascript:window.open</a><br>
にするには
Obj.href.replace(/JavaScript:window.open\((\"?|\'?)(.*?)(\"?|\'?),?.*\);?.*;?/ig,'$2')
ではうまくいきません。
よろしくお願いします。

日本語でおｋ

日本語でおｋ

ってか、意味は分かるけどコードじゃなく言葉で質問できるようになれ

ご指摘Спасибо。御願いします。

>>210,212
レス遅れたけど、「styleいじって〜」って言ったのは
z-indexいじるんじゃなくて、JavaScriptからselectのstyle属性の
visibilityをhiddenにする　って意味だよ。
カレンダーをポップアップさせる時だけ、そうやって邪魔なselect要素を
隠すわけ。

<b id=xx onClick=f(xx)></b>
<script>
function f(p){
alert(p.toString())
}</script>

alert(p.toString())の部分をxxが表示されるように直してください。

日本語でおｋ

アンタが勉強するためのスレだからね。洩れは書かないよ。
分からないことがあるならその分からないことを日本語で
質問しなよ。

>>244>>243
お前ら馬鹿だな。2バイト書けば済むことなのに。

>>241
安心しろ、俺には通じてる。多分zIndexをいじっても隠れないと思うしね

>>242が引数にidを代入しているからalert(p)でFAな件について。

<b id=xx onClick=f(this)>あああ</b>
<script>
function f(p){
alert(p.id)
}</script>

引数がIDですらない

>>242
関係ないが、HTMLの属性値に ) や ( を直に書く時には、
属性値を囲む引用符を省けない。

HTMLとして正しく、かつ、関数fを変更せずに、
onclick="f(id)"
と書くのが最短だろう。

JSON

すいません、質問です

あるイベントリスナが要素(EventTarget)に
登録されているかどうかを知るには
どうしたらいいのでしょうか？

具体的には
elm.addEventListener("click", hoge, false);
if (elmにhogeが登録されていれば) {
elm.removeEventListener("click", hoge, false);
}
のようにイベントリスナが登録されているか調べて、
登録されていればremoveEventListenerで取り除きたいのですが…

>>252
elm.addEventListener("click", hoge, false);
flag = true;

if (flag) {
elm.removeEventListener("click", hoge, false);
flag = false;
}

登録と同時にflagを立てて管理する

つか、別に調べないで取り除けばいいんじゃね？

Calling removeEventListener with arguments which do not identify any currently registered EventListener on the EventTarget has no effect.

なんだから。

>>253
>>254
調べなくても良かったんですね…
お二方ともありがとうございました

イベントリスナの解除は確か、Firefox1.0で正常に動作しないバグがあったよね。
登録されたほかのリスナをすべて解除してしまうとかという、割と致命的なの。
可能であれば使わないことをお勧めします

>>256
ありがとうございます。

そうなんですか、知りませんでした
ちゃんと取り除かないとメモリの解放なんかで
問題になるかな、と思ったんですが
バグがあるなら(Firefox 1.0では特に)控えたほうがいいかもしれませんね

>257
> ちゃんと取り除かないとメモリの解放なんかで
> 問題になるかな

クロージャを使った実装ならIEのバグでメモリ開放が失敗する可能性はあるが、
うまく動かない問題の方がよりクリティカルだしね

便乗で申し訳ないんですが教えて下さい。
イベントリスナーを付けた要素自体をDOM操作もしくはinnerHTMLの上書きで消去してしまう場合、要素を消去する前に、その要素に付けられたイベントリスナーは解除しておくべきでしょうか？

動的に書き換えるdivの中の要素にイベントリスナーを付ける事を検討しているところです。（タブでページを切り替えるようなインターフェイスを考えています。）

>>259
どっちでもいいんじゃない？

質問です。JavaScriptで音を鳴らす方法を教えてください。

鳴らすと決めてからタイムラグなく鳴らしたいので、
プリロードは必須になってしまいます。
可能であれば再生の制御もしたいですが、とりあえずは鳴らすだけでも十分です。

>>261
まさかググってはみたんだろうな。ググりもしないのなら相手にされないぞ。

>>262
調べたことを書かずにすみませんでした。
<BGSOUND>タグを使った実装は色々ありましたが、
Firefoxで使える方法を探しています。

>>263
ここでも勉強するのがいいんでないの。
ttp://kb.mozillazine.org/Windows_Media_Player

Operaでも使おうと思ったらFlash使うしかないね

>>263
Firefoxとか全く知らないが、
ググったらFirefoxはembed対応とあったけど。

<head>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function bgm(obj){
//document.getElementById('ms').setAttribute("src","");
//document.getElementById('ms').setAttribute("width","100");
//document.getElementById('ms').setAttribute("height","100");
document.getElementById('music').innerHTML = '<embed src="音声ファイル" id="ms" autostart="true" width="0" height="0">';
}
-->
</SCRIPT>
</head>
<body>
<ul>
<li><a onmouseover="bgm()">洗濯１</a></li>
<li><a onmouseover="bgm()">洗濯２</a></li>
<li><a onmouseover="bgm()">洗濯３</a></li>
</ul><br>
<div id="music"></div>
</body>

御気に召しませんかね。
対応していれば、形だけは成り立つと思う。
コメントアウトの残骸は関係ないので。
setAttributeで変更したかったがsrc属性だけ変更できなかった。

<object> でできなかったっけ？
<embed> なんてのはできれば使いたくないねえ。

プリロードは、パラメータで再生しないようにしつつ、あらかじめいくつか埋め込んでおけばいいんじゃね。

>>267
> <embed> なんてのはできれば使いたくないねえ。
同意なんだけど、なんでだろう？

>>268
理由もなくなんとなく同意するなおｗw

<embed> は非推奨要素だしなあｗ
まあ今のところ全てが <object> でできるわけじゃないから使いにくいってのはあるけど。

<object> とか <applet> なんかの外部オブジェクトは src とかパラメータ変えても反映されないから、
innerHTML とか DOM 使って要素作り直すしかないんよね。
<embed> はテストしたことないけど、これもそうなのかもしらんね。

>>269
なにをいう、直感は大切じゃないかｗ

直感にも２通りあるぞ。使いものになる直感は膨大な経験知に担保された直感だ。

<embed> は非推奨要素とは初めて聞いた。
でも



どっちでもいいじゃないの。

非推奨という言葉からして、HTML仕様の話と考えられるが、
どうも、色んな仕様が頭の中でごちゃまぜになっているのではないかな？
既にHTMLの解析段階じゃあないから、遠慮なく使って構わない。
出来上がったDOMを再度検証するとか、
自動的に検証されるメソッドやプロパティを使っている
などというなら話は別だが、
少なくとも今の話題ではそんなことやってないだろ？

まあ、そもそも、HTMLEmbedElementは
DOM仕様には存在した事さえないみたいだねえ。
Geckoその他が拡張しているだけのようだ。
この点は、innerHTMLと似ているな。
なんか使えるみたいだから使ってるだけという。

>>274
後半ナイス情報

非推奨じゃなくて独自拡張。HTML4.01の仕様にはembed要素はない
marqueeなんかと同じ類

>>274
前半ちょっと突っ込むとHTML4ではスクリプト実行後も
DTDに適合していなければいけない。
ttp://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/scripts.html#h-18.2.4
まあそれ以上やるならストリクトスレ行けって話題だが。

http://www.realworldmultimedia.com/
このページのmore infoクリックでスクロールする仕掛けどうなってるのか解る人いたらヒント欲しい気持ちいっぱい。
こういうスクリプトの配布先とか無いでしょうか？

>>278
どこにもmore infoというのがないなあ。スクロールだったら
JavaScriptで色々できるけど。過去ログに山程あるよな。

配布されているスクリプトってそのままだと使いにくくてしょうがないイメージがある
ソースが見られるからそれでいいけど

こういうの苦手なのでできればそのソースの箇所と簡単な説明もらえたら超嬉しいんだけど〜
お願い！

>>278
<a>more info</a>
<div>説明</div>

<div>を初期状態でdisplay:none;にしておく。
setTimeoutで<div>のheightを0.01秒(100)に1pxづつ増やす。
指定の高さに達したら処理を停止。

(´･ω･｀)なにも見えんがな

お忙しい所すいません。
下記のHTMLでフォーム内に入力がなかったらエラーメッセージを出す
というのをやりたいのですがどうするのかお教えいただけますと
ありがたいです。

<form method="POST" action="rent_2.cgi">
<input type=text name="NAME">を
<input type="submit" value="借りる"></form>

返答をいただけますとありがたいです。

>>284
onsubmit

>>284
別に答えたい奴が答えるだけだから意味なく謝らん方がいいよ
(よっぽどの厨房かと勘ぐられるだけだから)。
まず入力欄の名前に「NAME」というヤケクソなのはやめた方が。
トラブルで泣くのは自分だよ。フォームにも名前をつける。
チェックする関数は別に分ける。
<form onsubmit="return check()" ...>
で、チェックする関数は
function check() {
if(document.forms.フォーム名.elements.フィールド名.value == '') {
alert('メッセージ'); return false;
} else {
return true;
}
}

>>282
の続き
長くて書き込めないので３回に分けて書く。
<head>
<SCRIPT>
function inr(ev){
disp = document.getElementById(ev).style.display;
if(disp == 'block'){
document.getElementById(ev).style.display = 'none';
timer = setInterval("heith('down')", 10);
}else{
document.getElementById('contents').style.backgroundColor = 'aqua';
timer = setInterval("heith('up')", 10);
}
}

>>287
の続き
function heith(jj){
var h;
h = document.getElementById('i').innerHTML;
if(jj=='up'){h = h * 2}
if(jj=='down'){h = h / 2}
document.getElementById('contents').style.height = h;
document.getElementById('i').innerHTML = h;
if(h > 50000){ // 500〜
document.getElementById('rv').style.display = 'block';
document.getElementById('contents').style.height = "";
clearInterval(timer);
}
if(h < 1){
document.getElementById('rv').style.display = 'none';
document.getElementById('contents').style.height = "";
document.getElementById('i').innerHTML = "1";
clearInterval(timer);
}

}
</SCRIPT>
</head>
ヘッダはここまで。

>>288
の続き
<body>
<a href="javascript:inr('rv');">more info</a>
<div id="contents" class="1">
<div id="rv">
<p>In versions earlier than <br>
（ここに縦に長い文を書いてみる。）
document.</p>
</div>
</div>
<SCRIPT>document.getElementById('rv').style.display = 'none'</SCRIPT>
<div id="i">1</div>
<SCRIPT>document.getElementById('i').style.display = 'none'</SCRIPT>
</body>

簡易版だからイマイチだが。
引数をうまく回せなかったので汎用性に欠けてしまった。

質問です。
<div id="obj" onclick="x()">clickMe</div>

<script>
objx=document.getElementById('obj');
objx.prototype.x=function(){alert('hello')}
</script>
これはどうしてx()が呼ばれないのでしょうか。

>>82
>>87 - >>89

本当にありがとう、よく読んで試作してみます。
javascriptはDWの基本機能やビヘイビアばっかりに頼って、ちゃんと打ち込みしてないので、やはり一度覚えようかな。

タイマのイベントで、たとえマウスカーソルがウィンドウ外にいても
そのときのマウスのスクリーン座標を取得したいのですが、
どのようにすればよいのでしょうか。

＞タイマのイベント
↑なにこれ？

>>293
すみません、setTimeout()やsetInterval()で指定した関数の中で、と
読み替えてください。

大麻のイベント　＝　ドラッグパーティーかと思ったよ〜
ASは基本的にプレーヤーのウインドウ内で動くものだから、できない。
座標もウインドウの大きさを元にしたコンテンツ内の絶対座標、OSから見ると相対座標だからさ。
それを、OSからの絶対座標を収得するとなると、新たにオブジェクトをセットして、その中で表示解像度を収得、ドキュメント内の座標クリア、収得した座標軸の代入、
という手続きが必要かと。勿論オブジェクトは関数オブジェクトで、仮想オブジェクト。

Flashだと思って誤爆したw
javascriptは、よく知らないけど、何となく似てるよね。
で、html内に読み込むわけだから、やはり同じように仮想の領域を生成してやる必要があると思うの。
（できるかできないかは解らない、ごめん）

誤爆で回答とか自分以外ではじめて見たｗ

まあできないと思う。むしろできたら困るというか。

>大麻のイベント
劇藁た。
>>290
あんたねえ、>>224-225 は読んだのかね。「そのオブジェクト
の」prototypeプロパティをいじっても何の役にも立たないだろ。
DOMオブジェクトのプロトタイプを取る方法は(少なくとも公式
には)ないから。

まあ、仮に大元の要素の HTMLElement オブジェクトとかがあったら
HTMLElement.prototype.hoge = function(){ 〜 };
とかできれば便利なのにナーとか思ったことはあるけどね。
そしたら addEventListener を IE でも定義して使えるし、getElementsByClass とかも簡単にできるし。

よろしくお願いします。
関数を
setTimeout(function(){...}',500);
でいつまでも呼び出して実行させているとメモリーリークになりますか？
リアルタイム時計のようなものはエンジンにとって酷なスクリプトなので
しょうか。

>>300
ならないよ。それだけじゃリークするようなとこないじゃん。
ところで「'」が余計だけど…

>>301
ありがとうございます。
関数内にclearTimeout()を入れないとリークするって言われたんですけど
ｶﾞｾですか。でもリアルタイム時計の場合、千ﾐﾘ秒ごとに関数を呼び出して
いて、ページを閉じるまでの間メモリー解放はどうしてるんでしょうか。
ちょっと気持ち悪いんですが。

>>302
大嘘だね。あんたも嘘つきが知合いだと大変だね…
ところで「ガベージコレクション」って知らないわけ？
(知らないなら説明はしないので検索でもして勉強してね)

Flashを使ったCOMETとJavaScriptで実装されたCOMETの違いってどんなところだろう？

Flashを使ったらパケットが使えるから、コネクションを張りっ放しにしなくてすむのかな？

>>303
知らないなら説明しない、知っているなら説明する。
これは永遠に知的格差の縮まらない不条理ではあるまいか。

>>305
おいおい、ここでGCの説明をはじめてどーするよ。
探すべきキーワード示してやったら十分親切だろ。
それともアンタがGCの説明するかい。叩いてあげるよ。

>>306に同意
しかしsetTimeoutが自動的に開放されるのは実装の問題であって
微妙にGCとは違うんじゃないかと思ってみる

setTimeoutでつけた関数とかは一回発火したら
もう不要なのでどこでも覚えていない→GCで回収、
とか思っていたんだけどね。その関数を別の変数でも
保持してたら解放できないわけだしさ。

>>308
質問がclearTimeout使わなくても…という話だったから、一度も発火していない話かと

>>303
みなさんいろいろお騒がせしています。>>300,302の投稿者です。
おまえ、2ちゃんで大嘘呼ばわりされてるぞ、とその知人にいってやりました。
ぼくも悔しかったので。そしたらその知人メールで曰く。何も知らないのはそ
いつの方だろ。もっと勉強しろといっとけ、と。で、根拠があるならぼくには
っきりと示してほしいと聞いたら、オレはこの問題の専門家だ、ガベジコレク
ションと何の関係がある、糞。といって瓜を１つ付けてくれました。
ttp://chaichan.hp.infoseek.co.jp/qa1000/qa1193.htm
↑これがそうです。どうも知人の言うことのほうが正しいような気がしました。

>>310
複雑になってきて、どこでsetTimeoutを実行したか整理するのが面倒になる事がある。
思わぬところで連続して実行してしまうと、間隔がつまる。
一々、clearTimeoutしておけば、この問題にみまわれることがない。
だから、clearTimeoutとsetTimeoutを対にして使うことは良くある。

リークについては、MSが去年出した文書を読めば書いてある。
最近の例で言えば、某Perlの達人がブログで遊びで書いたJSがリークする典型。

あと、リークの実験は、現在ではなかなか難しい。
余裕があれば、中古屋で数年前までのウィンドウズパソコン買ってきて、初期状態のまま使う。

>>310
>>311のいうとおりで。
でも、リアルタイム時計程度なら思わず連続実行することもないし
IEの不具合に引っ掛かることもないからclearTimeoutは必要ないだろう。

あと、ガベコレは関係あります（特殊な処理系でないかぎり）。

>>310
ブラウザのバグでGCされない・されてもゴミが残るという可能性は
否定しないけど、こんなのを根拠と言うのはヤバイ。
＞setTimeoutだけだとリソース不足になりやすい。と聞いた事があります。
＞効果の実感を得ることはできませんでした

実装のバグを明示できてないのにGC関係ないって言い切るのもかなりヤバイ。

>>311
ボタンクリックでカウントダウンするやつ？

グーグルはこの夏、米有力紙ワシントン・ポストに、「ググる」という表現
を使わないように注意文書を送りつけた。警告は、既にワシントン・ポスト
以外にも出されている。なぜなら、グーグルはマスコミやネット上を監視す
るパトロール活動を本格化させているからだ。
創業からわずか8年で、米国における検索シェアで約50％を誇り、2位のヤフ
ーに2倍以上の差をつけている。そんな同社のサクセスストーリーは、「ググ
る」という言葉が人々の間に浸透した歴史とも言える。

「ググる」という言葉を流行らせて、事業を軌道に乗せたい…。そんなペイ
ジ氏の願望は現実のものとなっていく。膨大な情報が集積するネット社会が
到来すると、人々はこの賢い検索エンジンに群がった。そして、ペイジ氏の
思惑通り、メディアまでもが「ググる」という言葉を使い始めたのだ。

2002年、人気女優ジェニファー・ロペスが主演して話題となったハリ
ウッド映画「Maid in Manhattan」には、親子のこんなやり取りがある。
「なんでサイモン＆ガーファンクルは解散したの？」
「そんなこと、学校に行ってググれば分かるわよ」

流行語大賞の候補にも挙がった続いて2003年1月には、米国版「流行語大賞」
の候補にも挙げられた。 ところが、とんだ落とし穴があった。「ググる」は
あくまでも「グーグルを使って検索する」という意味にとどまるはずだった。
ところが、急速にシェアを伸ばすグーグルは、ここに来て事態が思わぬ方向に
展開してしまったことに気づき始めた。
「言葉が浸透しすぎた結果、『ググる(Google)』が『情報を検索する(Search)』
という意味の言葉になるリスクが出てきた」

グーグルの決算報告書には、そんな窮状が示されている。そして、こう締めく
くる。
「このままでは『グーグル』という商標は失われ、誰もが使えることになって
しまう」

だが断る

一応setTimeoutが絡んでるらしいすでに修正されたFirefoxのメモリリークバグを。
ttps://bugzilla.mozilla.org/show_bug.cgi?id=319980
実際には大したメモリリークを引き起こすものではないといってるみたいだが。

IEのクロージャを含んだ場合のメモリリークバグの
具体的な詳細を説明できる人はいるのかな？

いつもこのスレで「あるらしい」という話と適当なURLのみで流されてるけど…

最近Javascriptを使い始めました。
どうしてもクラスと継承を使いたかったので、prototype.jsのClassを参考に、簡単な実装をしました。
ところが過去ログを読むと、以下のサイトで何か大掛かりに実装しているので、
自分の実装に何かしら穴があるのではないかと不安になりました。
http://d.hatena.ne.jp/Mug/20060308/1141826892

後述するコードは、何かしらの問題を孕んでいるのでしょうか?
使用方法は以下の通りです。
var SuperClass = Class.create(); var SubClass = Class.create(Super);

少し長いので、ソースは次の投稿に書きます。

===================================
Object.extend(Object, {
inherit: function(subClass, superClass) {
var Temp = function() {};
Temp.prototype = superClass.prototype;
subClass.prototype = new Temp;
subClass.prototype["super"] = superClass.prototype.initialize;
}
});

var Class = {
create: function(superClass) {
var newClass = function() {
if(this["super"]) { this["super"].apply(this, arguments); }
if(this.initialize) { this.initialize.apply(this, arguments); }
}
if(superClass) { Object.inherit(newClass, superClass); }
return newClass;
}
}
===================================

使用方法の記述が間違えていました。正確には以下の通りです
誤: var SuperClass = Class.create(); var SubClass = Class.create(Super);
正: var SuperClass = Class.create(); var SubClass = Class.create(SuperClass);

>>319
過去にあった議論では、クロージャである必要はなく、
「DOMツリーのオブジェクトからJavaScriptのオブジェクト
への参照があり、なおかつそのJavaScriptのオブジェクトから
DOMツリーのオブジェクトの参照(つまりサイクル)があると、
参照カウントによるごみ集めが使われるため、DOMツリーの
オブジェクトをDOMツリーから切り離し、それからJavaScriptの
オブジェクトもどこからも参照しなくなった場合に、その参照
できなくなったサイクルが回収されないでリークする」という
ものだった。で、回避策はそういうサイクルを作らないように
すること。明示的にサイクルを作らなくてもクロージャのせいで
サイクルができてしまう場合があるので注意すると。そんな話
だったね。

>>323
ああ、そりゃしょうがないな。 昔からどこの言語でも結構言われてるヤツじゃね？

>>321
そのObject.extend()というのは？

>>325
すみません、prototype.jsに関連する説明が一切ぬけていました。
Object.inherit = function(subClass, superClass) { ... } と読み替えてください。
prototype.jsの慣例に沿い、上記のような実装をおこないました。

もう一点、記述から読み取れる事ではありますが、使い方の補足をします。
こちらも、prototype.jsの同名メソッドに合わせた実装です。

var SubClass = Class.create(SuperClass);
var subInstance = new SubClass();

>>326
それで、各クラスにメソッドやインスタンス変数(メンバ変数)を
定義するにはどうするの。prototype.jsをまったく知らないのでね。

>>320
根本的な話。
クラス-インスタンスベースから頭を切り替えないと、JavaScript でスマートなスクリプト書けないよ。

>>327
説明が酷く足りず、すみません。
それらはprototypeに直接記述します。初期化にはinitializeを決めうちで使います。
つまりSubClass.prototype.initialize()がfunction SuubClass()にあたります。
上記の記述の中では、以下の箇所が該当します。
> function() {
> if(this["super"]) { this["super"].apply(this, arguments); }
> if(this.initialize) { this.initialize.apply(this, arguments); }
> }

例:
var SuperClass = Class.create();
var SubClass = Class.create(SuperClass);
SubClass.prototype = {
initialize: function() { this.msg = "Hello World"; },
hello: function() { alert(this.msg); }
}
var subInstance = new SubClass;
subInstance.hello(); #=> "Hello World"

>>320
Object.extendがprototype.jsのそれと同じものだとして、
継承が深くなると基底クラスコンストラクタの呼び出しがうまくいかない。

var Animal = Class.create();
Object.extend(Animal.prototype, {
initialize: function(){ this.isAnimal = true; }
});
var Mammal = Class.create(Animal);
Object.extend(Mammal.prototype, {
initialize: function(){ this.isMammal = true; }
});
var Dog = Class.create(Mammal);
Object.extend(Dog.prototype, {
initialize: function(){ this.isDog = true; }
});

var m = new Mammal;
alert(m.isMammal); // true
alert(m.isAnimal); // true
var d = new Dog;
alert(d.isDog); // true
alert(d.isMammal); // true
alert(d.isAnimal); // undefined

>>328
過去のログを見るに、そういった意見は多いようですね。
それを確かめるためにも、実際に行ってみたいという、ひねくれた気持ちもあります。

>>329
その使い方だとスーパークラスのコンストラクタが呼び出されないけどいいのか？

var SuperClass = Class.create();
SuperClass.prototype = { initialize: function () { this.p = "SuperClass"; } };
var SubClass = Class.create();
SubClass.prototype = { initialize: function () { this.q = "SubClass"; } };
var subInstance = new SubClass;
subInstance.p; #=> undefined
subInstance.q; #=> SubClass

var SubClass = Class.create(); → var SubClass = Class.create(SuperClass); に訂正。

>>331
ttp://devedge-temp.mozilla.org/library/manuals/2000/javascript/1.5/guide/obj2.html

ここ読みな。

>>330 >>332 >>334
せっせと読んでいます。理解に時間がかかり返事が遅くなってしまうかもしれません。
ありがとうございます。

>>334
ちゃんとメンテされてる方のURL出したほうがよくない？
ttp://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Details_of_the_Object_Model
ちなみに日本語版もあるよ。
ttp://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide#.E3.82.AA.E3.83.96.E3.82.B8.E3.82.A7.E3.82.AF.E3.83.88.E3.83.BB.E3.83.A2.E3.83.87.E3.83.AB.E3.81.AE.E8.A9.B3.E7.B4.B0

関数のコールの仕方でオブジェクトを指定してください
というエラーが出ます。
function c_H(str){L=parent.main.document.getElementsByTagName('A');
for (i=0;i<L.length;i++){
L[i].href='http://'+str+encodeURIComponent(L[i].innerText);}}

<A href='javascript:c_H("hh");'>test</A><BR>//エラー
<A href='javascript:c_H("hh");void(0);'>test</A><BR>>//エラー
<A href='#' onclick='c_H("hh");'>test</A><BR>>//エラー
<A href='#' onclick='c_H("hh");return false;'>test</A><BR>>//OK
なんでなんでしょうか？よろしくお願いします。

時間がかかりそうな事と、一つ一つの返事が長くなりそうな事から、個別にお返事します。

>>332
すみません、仰る通り例が間違っています。
prototype.jsの慣例的な設定の仕方と混ざってしまいました。
正しくは以下の通りです。

var SuperClass = Class.create();
SuperClass.prototype.initialize = function() { this.p = "SuperClass"; };
var SubClass = Class.create(SuperClass);
SubClass.prototype.initialize = function() { this.q = "SubClass"; };
var subInstance = new SubClass;
subInstance.p; #=> SuperClass
subInstance.q; #=> SubClass

全てのフレームを表示されたまま印刷する（1枚の紙に）方法を教えてください。

>>339
ブラウザにその機能がなければ無理。

>>330 突貫で汚いですが修正してみました。
Array.prototype.seachは第一引数をscopeとしたeachです。

Object.extend(Object, {
inherit: function(subClass, superClass) {
var Temp = function() {};
Temp.prototype = superClass.prototype;
subClass.prototype = new Temp;
subClass.prototype["sInites"] = [];
if(superClass.prototype.initialize) { subClass.prototype["sInites"].push(superClass.prototype.initialize); }
if(superClass.prototype["sInites"]) {
superClass.prototype["sInites"].seach(this, function(sInit) { subClass.prototype["sInites"].push(sInit); });
}
}
});
var Class = {
create: function(superClass) {
var newClass = function() {
if(this["sInites"]) {
this["sInites"].seach(this, function(sInit) { sInit.apply(this, arguments); });
}
if(this.initialize) { this.initialize.apply(this, arguments); }
}
if(superClass) { Object.inherit(newClass, superClass); }
return newClass;
}
}

>>341
直後ですみません。コンストラクタの初期化順序に問題がありました。
現在会社で、今から帰宅するため、返事は明日以降になります。

症状:
var Animal = Class.create();
Object.extend(Animal.prototype, {
initialize: function(){ this.x = "x"; this.isAnimal = 'isAnimal'; }
});
var Mammal = Class.create(Animal);
Object.extend(Mammal.prototype, {
initialize: function(){ this.x = "y"; this.isMammal = 'isMammal'; }
});
var Dog = Class.create(Mammal);
Object.extend(Dog.prototype, {
initialize: function(){ this.isDog = 'isDog'; }
});

var d = new Dog;
alert(d.x); // "x"

>>334 >>336
熟読しておきます。ありがとうございました。

>>341
気持ち悪かったので、おかしかった箇所の確認を行いました。

> if(this["sInites"]) {
> this["sInites"].seach(this, function(sInit) { sInit.apply(this, arguments); });
> }

のsearchを、逆から処理するrseachに変更することで正常に動作する事を確認しました。
他にもまだ出てきていない問題点もあると思いますが、>>336を読み頑張ります。

問題点の指摘とアドバイス、本当にありがとうございました。

>>339　IEでの”表示されたとおりに印刷する”で十分なのですが、方法を教えてください。

ファイル→印刷

>>344
スレ違い、っていうか板違い。
どうしても javascript 使いたいならどう使いたいか言えｗ

>>345
JavaScriptでデフォルトのチェックを通常は個別に印刷になっているので、”表示されたとおりに印刷する”にしたいです。

>>345
JavaScriptによって、デフォルトのチェックが通常は個別に印刷になっているところを、”表示されたとおりに印刷する”にしたいです。

読みづらかったので再度すいません。

(゜Д゜)ﾎﾟｶｰﾝ

つーかフレーム使うな

PHP以外でフレーム回避の方法が浮かばないのです。
PHPは使用不可なのです。

せっかくなので、チェーンで書き直したついでに、prototype.jsから独立させました。
恐らく、これのみで動くと思います。

===================================
Object.inherit = function(subClass, superClass) {
var Temp = function() {};
Temp.prototype = superClass.prototype;
subClass.prototype = new Temp;
subClass.prototype.sPtype = superClass.prototype;
}

var Class = {
create: function(superClass) {
var newClass = function() {
function superInit(sPtype, scope, arg) {
if (sPtype.sPtype) { superInit(sPtype.sPtype); }
if (sPtype.initialize) { sPtype.initialize(scope, arg); }
}
if (this.sPtype) { superInit(this.sPtype, this, arguments); }
if (this.initialize) { this.initialize.apply(this, arguments); }
}
if (superClass) { Object.inherit(newClass, superClass); }
return newClass;
}
}
===================================

個人的にはECMAScriptのオブジェクトに慣れたら
prototypeベースの継承すら必要なくなる気がしている

ttp://www.dpj.or.jp/manifesto04/index.html
細野とTBSのあばずれアナの不倫のことで民主党に意見しようと公式ＨＰを
クリックしたら、スクリプトエラー続出のオンパレードの画面。ひどいね。
カネがないわけじゃないのだろうに、ドリームなんとかでJavaScript書いて
る。中学生でももっとまともなHPもってるぜ。まったく動かない。そういう
政党に明日はないだろ。
今日の安倍首相の所信表明ではITで国民に訴える企画をボンボン出してた。
これじゃ民主党に明日の日本はは託せない。せいぜい不倫に萌えてくれ。
ttp://www.dpj.or.jp/manifesto04/index.html

デザイン的には好感だけどな。中学生には無理だろう。
しかしロゴの画像リンクが切れているのはどうかと思う。

あの永田のメールの一件でも露呈しているけど、
あの党にはITリテラシーが人並み以下の人間しかいないんだよ。

だいたい、あの当時党首だった前原も40代のくせに
あの問題の当時、私はITには疎いからと言い訳していた位だし。

まったく、土方おやじじゃあるまいし。
押し売りまがいの事しか出来ない高卒のルートセールスマン以下だよ。
ネクタイとワイシャツ着て仕事している人間の発言とはとても思えない。

ITに疎いと公言する40代の人間が党首だった党なんて無用の存在。
単なる最大手の選挙互助会で税金泥棒集団だよね。

今度の党首は晋三の所信演説もよそに心臓の問題で入院中らしいよ。
しかし、TBSの山本モナとかいう女キャスター、取材対象と寝てせっせとお茶の間
に情報提供はリッパ。民主党が甘いんだよ。TBSは広報も言ってる通り絶対に降板
させないでほしい。この女、この顔でと思うと酒がうまい。今夜も楽しみだ。
民主のサイト見たが、ITオンチに付け込まれて完全に業者にボッタクられてるな。

スレッドの題名すら読めない奴が、なにえらそうに語ってるんだか…

あべ総理のIT系への強さだけはガチ。
公式サイトに入った瞬間からわかるｗ

しかし、東京都のサイトもひどいよ。リンクがエラー連発。触っただけで鰓。
ttp://tokyo23.seisou.or.jp/23ku_seisou/index.html
悪徳IT業者にいいようにされてる風。IT無知で文句もいえないんじゃないか？
おれはこのページ行ってごみ問題に興味なくした。

>>354
2004年の残骸ファイルか・・・

未来志向でやろうぜ

公官庁のサイトなら新潟が最強かもね。
ｆｆ向けのツールバーまで配布したりして。

>>362
×公官庁（しかし、よく変換できたなｗ）
○官公庁

大辞林 第二版 （三省堂） 【公官庁】 の検索結果
キーワードに該当する結果が見つかりませんでした

>>354

＜link href="file:///Macintosh%20HD/Users/yoshihisa/Documents/workdata/i-studio/民主党/style.css" rel="stylesheet" type="text/css"＞

吉田君 ﾊﾞﾛｽ !!

>>364
ﾜﾛﾀ
民主党には国は任せられん！

>>364
吉田君じゃなくて義久君だyo！

義久君、苗字間違えてゴメン。

>>364

制作担当したウェブ屋は「博報堂 i-studio」のようだな。
これで技術レベルが知れてしまったな。御愁傷様。

>>354の最後のフォント何？
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

>>369

Mac OS Xのフォント。

何スレ違いで盛り上がってるんだ？レスの浪費しすぎ。

演算子でオブジェクトをdeleteしてもメモリは開放されませんか？

民主党SUGEEEEEEEEEEE

>>372
deleteできるのはあくまでも「オブジェクトが持つプロパティ」
であってそこに入っているオブジェクト自体を解放するわけじゃ
ない(そのプロパティにオブジェクトが入ってるものとしてね)。

そのプロパティに入っている(いた)オブジェクトが他から
指されてないなら、そのオブジェクトの領域は将来的にGCが
回収してくれるだろうけど。

>>374さん
ありがとうございました。わかりました。

質問です。
みなさんがJavaScriptにはクラスはない、とおっしゃるとき、どの言語の
クラスを思い浮かべて比較していますか？Javaですか？、C++ですか？

いや単純にクラスという構造体を考えてるだけだけど。比較なんてしてない

>>354
民主党はありえないな。もうオウムと同じ扱いでいいよ。

>>368
根拠は?
流言蜚語はよくない。

>>376
一般的にJavaScriptにクラスは無い、と言う話をする場合には、個別の言語を対象としている訳ではなく。
クラス、インスタンスベースの静的オブジェクト指向という概念を指す。

と言うか、私はそう考えている。

class という予約語が存在して、それを使える JScript.net とか、AS2-3 などが既に存在する。
単純に、それらとの区別ということでいいだろ。

オナニーしすぎて辛くなってきた
今日はIDに出た数字の回数だけやって寝ることにしよう

101回か。逝ってら。

上のフレームのフォントサイズ変更ボタン（画像）を作って、
下のフレームのフォントサイズを変えたいのです。
どなたかご教授ください。
お願い致します。

余談的質問です。
JavaScriptのDHTMLではよくダミー画像（1x1px）を使いますが、このダミー
画像（自分はspace.gifとしています）ってどうしても45kb位になってしまい
ます。軽さを信条としている自分的には十分ですが、やはりﾋﾟｸｾﾙ的に45は限
界ということでしょうか。10kbくらいでできそうな気がするのですが。
無理ですか。

お、教授登場！ <<383
もうムダスレ再燃はなしな。教授帰れや。

>>384
普通に考えて1024byte以下になるだろ…
ちなみに俺が使っているのは43byte

>>384
1x1のダミー画像なんて使うか？自分は使ったことないなあ。
何にダミー画像が必要なわけ？
>>383
(1)ボタンが押された時JavaScriptの動作を起動する方法
(2)上フレームから下フレームを参照する方法
(3)ドキュメントのフォントサイズを設定する方法
が分かればいいわけだよな。
(1)<button onclick="動作">...</button>
(2)parent.下フレーム名
(3)document.body.style.fontSize = 'サイズ指定';
じゃあがんばって。全部書いてやることはしないスレだから。

>>387
本当にありがとうございました。
たぶん出来たようで、動いてます。

オブジェクトのクラスを得る関数はありますか。
JavaでいうgetClass()です。
こんなかんじの関数。
[1,2,3].getClass() //=> Array
/foo/.getClass() //=> RegExp

>>389
JavaScript(ECMA-262、ブラウザに入っている版)には「クラス」
というものは存在しない。このスレのすぐ上の議論を読めボケ!
次のようなものは存在する(解説する気はないので自分で勉強しろ)
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
var x = [1,2,3], y = /abc/;
document.writeln(x.constructor.toString());
document.writeln(y.constructor.toString());
</script></pre>
</body></html>

DOCTYPEがない！

質問です。
プロパティというのは変数と考えてよいのでしょうか？

>>391
コピペ失敗orz
>>392
オブジェクトに付随する変数と思えばいいのでは。JavaScript
では変数もすべて「何らかのオブジェクトのプロパティ」と
いうことになっているし。

Cometを使ったチェスボード
ttp://void-main.org/chessboard/

Ajaxスレで話題になっていたのでこちらにも転載
これはAjaxやComet以上に、JavaScriptのレベルも相当高い

>>394
何そのJScriptメモリーリーク再現コードｗ
いいから、えいじゃっくすスレに隔離されてろ、初心者ｗ

どうみても僻みです、本当に（ｒｙ

394のはJuggernautを使って通信しているみたいだ。
Flashを使っているから別のポートが必要になるのであまり好きではないが、
サーバに与える負荷は一般的なCometと違って随分小さいはず。

操作感がかなりいいのが気に入った。

394はこの調子でゲームを作れば面白いんじゃないかな

すみません質問させてください。

↓と同様に配列の要素を変数を用いて可変にしたいのですが、
書式がわからず困っています。
obj1 = document.XXXForm.elements['hogehoge[0]'];

obj1 = document.XXXForm.elements['hogehoge[変数]'];
というイメージなのですが、色々試行錯誤した結果全部だめでした。

ご存知の方、教えてください。よろしくお願いします。

過去ログ

>>400
見たけど載ってないんですが・・・

>>399
日本語が意味不明すぎ。こういうことかね。試行錯誤じゃなく理
詰めで考えるようにならないと。
obj1 = documen.forms.XXXFrom.elements['hogehoge[' + x + ']'];

FAQの7でわからんもんなの？

てか、なんも考えて寝駄露.

Hi,I am Douglas. I once insisted as follows and nothing has changed my mind yet:
JavaScriptに関する書籍の大半は非常にひどいものです。それらの書籍は間違
いと下手な実例を記載し、悪い習慣を助長しています。たいていの場合、JavaScript
の重要な特徴の説明が不十分か、または完全に省略されています。私は沢山のJavaScript
の本を読んできましたが、お勧めできる書籍は2冊しかありません。
『JavaScript』著:デイビッド・フラナガンと、『Dynamic HTML (2nd Edition)』
著者:Danny Goodman*3です。両方ともオライリーから出版されています。

FF1.5のJavaScriptはバージョンが1.6になり，新しい機能が追加されている。
E4X（ECMAScript for XML）
JavaScriptからシームレスにXMLが扱えるようになる機能。XMLがDOMっぽく
扱えるようになる。具体的な記事はIBMのdeveloperWorksにある。
AJAX and scripting Web services with E4X, Part 1
AJAX and scripting Web services with E4X, Part 2
Arrayの拡張
Arrayに新しいメソッドが追加になった。要素の位置
を返すのやら，要素に順に関数を適応して新しい配列を作ったり。

配列と文字列のジェネリクス
配列と文字列を同じように扱える。つーか文字列を文字の配列と見なして，
Array用のメソッドを使うことが可能になった。ArrayやStringに任意のオブ
ジェクトに使える汎用的なクラスメソッドが追加された。

まあいいんだけど、IEが追従してくれないとFFx専になっちゃう
ので使いづらいんだよね。

意味の無い仕様拡張だな

そんなことはない。IEが追従してくれたらString関係なんかは
便利に使えそうだと思っている。

FirefoxのJavaScript実装に脆弱性--迅速な対応が困難な場合も

サンディエゴ発--オープンソースブラウザ「Firefox」について、2人のハッカーが
米国時間9月30日午後、JavaScriptの扱いに関する重大な脆弱性があると指摘した。
Mischa Spiegelmock氏とAndrew Wbeelsoi氏は当地で開催されたToorConハッカーカン
ファレンスで、悪意あるJavaScriptを含むウェブページを作成するだけで、
ブラウザを実行しているコンピュータを乗っ取ることができると説明した。この
脆弱性は、Windows、Apple ComputerのMac OS X、Linux上のFirefoxに影響するという。
続きを読む→ttp://japan.cnet.com/news/sec/story/0,2000056024,20256207,00.htm

Firefoxでonmousemoveイベントでevent.whichの値が常に1になってしまいます。
マウスのボタンの状態が来るはずですよね?　座標はちゃんと取れてます。
使い方間違ってますか？

初歩的な質問かもしれませんが、自分でやってみてどうにもうまくいかないので
お願いします。

>>411
DOM Level 2 event ではwhichという属性は定義されていない。
ボタンのON/OFFを調べたければmousedown/mouseupも捕捉して
自前でON/OFFを追跡するのかな。

本当に初心者質問で申し訳無いですが、ボタンが押されたら、
「本当に実行してもいいですか？」のようなを表示させるには、
どうしたらいいのでしょう？
onclickを使えばいいのでしょうか？window.openを使うと別ブラウザが
開いたりいまいち、わかりません。
単に、編集や削除を実行していいのかの、確認をするメッセージを
だしたいだけです。
その確認メッセージを押されたら、phpが実行されるようにしたいのです。
お願いします。

>>413
つ[alert]

じゃねえな つ[confirm]

>>413
あほらしい。その確認メッセージでYESを押すと実行とかに
したら、誰もが条件反射でYESを押すようになるだけだよ。
役に立たん。

それでよければ次のようにするだけだと思うけど。
<form onsubmit="return prompt('OK?')" ...>

それより複雑なことがしたいのなら、地道に本でも買って
勉強した方がいいと思うね。勉強不足すぎだよアンタ。

>>416 まちがえたpromptじゃなくて>>415のいうようにconfirmね。

>>416
スレ違いだが、0回と1回では大きな差がある。
確認メッセージが0回だと間違って押した場合、クリティカルな処理であればあるほど痛い目にあう。
特にformの場合、リターンでsubmitが呼ばれるinput type="text"で誤ってリターンを押された時の
確認メッセージはあっても悪くないはず。

とはいえ、まっとうなデザインをしたらconfirmはほとんど必要ないはずだけどね

削除とかの機能は2アクションにすればよい。
チェックボックスをチェックしてボタン押すとか。
こうしとけば無意味な確認ダイアログはいらない。

ありがとうございます。
onclick='confirm("本当に削除してもいいですか？")'でできました。

複数の値をチェックしたら、一気に削除できるようにしているので、
確認メッセージは必要だと思いまして＞＜
確認ページを作らなかった自分が悪いんすけど。。
どうもありがとうございます。

ちょっと、無駄に追記を。
削除ボタン近くに、変更ボタンもあるので（離して作れって感じですけど）
一応、誤認用にと思って必要だと思いました。

度々、すいません。↑のように書いたら、確認は表示されるようになりましたが、
キャンセルを押しても、OKを押しても、実行されてしまいます。
どうすればいいのでしょうか？

過去ログ

>>422
てめーの目は節穴か？「"return confirm(...)"」
returnという文字が読めないのかそうですか(劇藁)

>(劇藁)

なつかしいな

劇薬かと思った

>>424
これでいいですか？

re･turn /rtn｜‐tn/ 【カタカナ】リターン
1a 帰る，戻る 《★【比較】 come [go，get] back のほうが口語的》.
b +副(句)(…に)帰る，戻る.
2a (もとの状態に)戻る，回復する.
b +to+(代)名〔もとの状態に〕戻る，復帰する; 〔前の話題などに〕戻る.
3〈季節･病気などが〉再び起こる，再来する，再発する.
1a 〈ものを〉(元の持ち主･元の場所などに)返す，戻す，返還する
《★【用法】 前後関係に応じて，give [throw，put] back とするほうが口語的》.
b +目+to+(代)名〈ものを〉〔元の持ち主･元の場所などに〕返す.
c +目+目 / +目+to+(代)名〈人に〉〈ものを〉返す; 〔人に〕〈ものを〉返す.
d +目+補〈…を〉〈…の状態で〉返還する.
2a 〈…に〉報いる，返礼する.
b +目+前+(代)名〔…に対して〕〈…の〉お返しをする 〔for〕; 〈…を〉〔…で〕お返しをする 〔with〕.
3a +目+to+(代)名〔…に対して〕〈返事を〉する，答える.
b +引用〈…と〉答える.
4a (公式に)〈…を〉報告する，申告する.
b +目+as 補〈…を〉〈…と〉報告する.
5 〈陪審が〉〈評決を〉下す.
6 〈利子･利益などを〉生む.
7a 〈選挙区が〉〈人を〉選出する，再選する.
b +目+前+(代)名〈人などを〉〔議会･政権の座に〕送る 〔to〕; 〈人を〉〔選挙区から〕選出する 〔for〕.
8 【テニスなど】〈ボールを〉打ち返す.　to retrn (to the sbject)
1a [具体的には ] 帰り，帰還，帰宅 〔to，from〕.
b 《英》 往復切符 (cf. single 4).
2 [具体的には ] 回帰，復帰; 再発 〔of〕.
3 返却，還付 〔of〕.
a 返礼，応答，返報.
b 返事，返答.
5 [しばしば複数形で] 報酬，収入，収益.

おもしろくないよ(´･ω･｀)

文字列をランダムにランダム回選択し表示を変化させたいのですが、
分岐部分が分かりません。よろしく御願い致します。
str='abcdefghijklmnopqrstuvwxyz';
var rnda = new Array();
for (i = 0; i <Math.floor(Math.random() * str.length); i++) {
rnda.push(Math.floor(Math.random() * str.length));
}
//alert(rnda)
for (i = 0; i <str.length; i++) {
if (i==分からない){
document.writeln((str.charAt(i).toUpperCase()).fontcolor('red').fontsize('7'));
} else {
document.writeln(str.charAt(i));
}
}

JavaScriptの本を探しています。

普段はJavaやC++などを使用しているのですが、
JavaScriptに関しては結構適当にコーディングしていました。

この度、JavaScriptの文法などコアなところをしっかり学びたいのですが、
いい本はありませんでしょうか？

プロトタイプとかなんのことだかさっぱり分かりません。

>>430
無い
ECMAScriptの仕様書が現時点でベストだが、読みなれてないと無理だし

書こうかな

オライリーのでいいやん

オライリーの翻訳ものはどういう基準で出てるんかね？
原書は5版まで行ってるのに日本語版は3版でとまってるし。

>>430
つ 役に立つ書籍は？　3冊目
http://pc8.2ch.net/test/read.cgi/hp/1142829968/

まあこのスレでよくながあるのはオライリーの通称サイ本とMy UNIXあたりだな。

宿題の意味が分かりません。
"assign a value to variable"ってどういう意味でしょう。

JavaScript that prompts the user to input his name and assigns this value to a variable called user_name.
For the prompt text, use "名前を入れて下さい".

フォームで、名前をローマ字で入力するときに、
一文字目を自動的に大文字にしたいんですが
どうしたらいいですか？

>>435
カンで答えると、
var hoge = prompt("名前を入れてください");
ってやると、変数 hoge に入力された値が入るよ、ってことでないの？
っていうか宿題を聞くな。嫌がられるから。

>>436
<input type="text" value="" onchange="this.value = this.value.replace(/^(.)/, function (z, x) { return x.toUpperCase() });" />
試してないけど。

/* チラシの裏

↓こういう書き方できるんだね。いままでできないと思ってた。
----------------------
Hoge.piyo = 'hogehoge';
function Hoge () {}
alert(Hoge.piyo); // "hogehoge"
----------------------

そういう意味で↑と↓は全く別物なんだね。
----------------------
Hoge.piyo = 'hogehoge';
Hoge = function () {};
alert(Hoge.piyo); // undefined
----------------------
*/

>>429
for (i = 0; i <Math.floor(Math.random() * str.length); i++)

とりあえずこの時点で
意図したとおりに動かないだろうな

>>437
宿題と明言するような者に答えるな屑。

>>438
正直なんでそういう挙動になるのかさっぱりわからん

alert(a);
alert(a.test);
a.test = "aa";
alert(a);
alert(a.test);
function a() {}
alert(a);
alert(a.test);

どういう状態を経てるんだろうか

>>441
予想では、スクリプト読み込んだ時点で function hoge () {} があった場合、
それが全てより先に定義されるから、そのせいかなあと理解した。

例えば、
-----------------
hoge();
function hoge () {};
-----------------
は当たり前のように普通に実効されるのだけど、
-----------------
hoge();
hoge = function () {};
-----------------
これはエラーになるからねえ。

仕様のどっかに載ってるのかはちょっとわからないわ。

>>390
返事ありがとう。
JavaScriptはプロトタイプベースのオブジェクト指向言語なので、クラスがないのはしってます。
ただ、通常はコンストラクタを使ってオブジェクトを作成しており、だいたいクラスベースと同じような使い方をしているので、ああいう聞き方になってしまいました。
ただしくは、「オブジェクトがどのコンストラクタで作成されたか調べる機能はありますか」ですね。
答えにあるように、constructorというプロパティがあるようです。そんなの全然しらなかったよー。
for (prop in object) でみてもconstructorというプロパテぃは表示されないので、これはArrayのlengthプロパティと同じような隠しプロパティと考えればいいんでしょうか。
なんにせよ、たすかりました。

ごめん、あげちゃった。。。

つづいて質問なんですけど、コンソール版のJavaScriptを使ってるんですが、ファイルの入出力はどうしたらいいですか。
使っているのはSpiderMonkey1.5です。
もしすれ違いならごめんなさい。

>>441>>442
うだうだ考えてる暇があったら仕様読め。
ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/14_Program.html
関数宣言はソースコードを評価する前に処理され、
その段階で関数本体が作られてるんだよ。
評価の段階では関数宣言は何もしない。
（何もなかったかのように扱われる。）

>>443
そういうことならinstanceof使ったほうが確実だと思うけどね。

>>444
JS_HAS_FILE_OBJECTつきでSpiderMonkeyをビルドしろ。
Fileオブジェクトが使えるようになる。別途NSPRも必要だがな。
もっともWindowsならそんなことするよりWSH上で
JScript+FileSystemObjectのほうが手っ取り早い。

>>429
ceilですね。onz.
if文で配列比較はJavaScriptでは無理なのでしょうか。

>>447
いやそういう問題じゃないでしょ。
要はiがrndaに含まれるかどうかが知りたいんだよね？
今のままだとrndaの中身が[1,1,1,1,1,1]とかになる
可能性もあるわけだけどそれでもいいの？
ランダムにって言ってるけど具体的にどんな分布状況がいいの？
ある文字が赤大文字で表示されるかどうかの確率が1/2とかだと楽だろうけど。
関係ないけどfontcolorとかfontsizeとか使ってる人見たの初めてか二度目くらいだ。

>>要はiがrndaに含まれるかどうかが知りたいんだよね？
そうです。 if文で配列比較は可能か否か？です。
>>今のままだとrndaの中身が[1,1,1,1,1,1]とかになる
あっあっ〜そうですね。ダブったり、後に少ない数が出たり、しますね。onz.
トグルならわかりますが、分岐をランダムにというのが分かりません。
分布をランダムにしたいのです。
レス有り難うございます。いいアイデアを頂戴出来れば嬉しいです。

>>447
まず0〜25の数値が順番に並んだ配列を作ってそれをシャッフルし
先頭から順に処理すりゃいんでしょ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var str = 'abcdefghijklmnopqrstuvwxyz', count = str.length+1;
var map = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
var seq = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25];
function init() {
for(var i = seq.length-1; i > 0; --i) {
var j=Math.floor(Math.random()*(i+1)), x=seq[i]; seq[i]=seq[j]; seq[j]=x;
}
step();
}
function step() {
var s = '';
for(var i = 0; i < str.length; ++i) {
if(map[i] == 0) s += '<span>' + str.charAt(i) + '<\/span>';
else s+='<span style="color:red">'+str.charAt(i).toUpperCase()+'<\/span>';
}
document.getElementById('d0').innerHTML = s;
if(--count >= 0) { map[seq[count]] = 1; setTimeout(step, 100); }
}
</script>
</head><body onload="init()"><div id="d0"></div></body></html>

>>443
ECMAの仕様を見ると分かるが [[dontenum]] つまりfor-inで
出て来ないことになっているプロパティというものがハッキリ
規定されている。だから隠しているわけでもなんでもなく仕様。

>>450
うーん、mapとseqを直書きで用意しているのはいただけないな。
そこら辺はstrの長さによって変わるからinitで初期化すべきでしょ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var str = 'abcdefghijklmnopqrstuvwxyz';
function init() {
var letters = str.split(''), rest = [];
for (var i = 0; i < letters.length; i++) rest[i] = i;
function step() {
document.getElementById('d0').innerHTML = letters.join('');
if (rest.length) {
var i = Math.floor(Math.random() * rest.length);
letters[rest[i]] = '<span style="color:red">' + letters[rest[i]].toUpperCase() + '<\/span>';
rest[i] = rest[rest.length - 1];
rest.length--;
setTimeout(step, 200);
}
}
step();
}
</script>
</head><body onload="init()"><div id="d0"></div></body></html>

デモ用のコードだから原理が分かりやすい方がいいと思うね。
まあそっから先は質問者の選択ということで。

枝葉末節ですまないが、変数を作るとき「rnd」などというのはボケカスだろ。
スクリプト内で衝突以前に人間の目が「md」と衝突する。

上は理解に時間が掛かりそうです。下は何とか理解できそうです。
配列の要素からランダム番目をランダム個抽出すること。
if文での配列比較は可能か否かが質問の意図なのですが、
そちらの方は、何処へ？

>>455
配列を一括して比較することはできない。速さを気にしないなら
if(a.join(',') == b.join(',')) ...
みたいに連結した文字列にして比較する。しかしそんなベタな
ことをしてるようではのろいしダサイと思うがね。

「ランダム番目をK個抽出」→「0〜N-1の入った配列を
シャッフルして先頭からK個取る」とかすぐ分からんもんかね（ｗ

>>456
比較は出来ないんですね。
>>すぐ分からんもんかね
やっと分かりました。
ご親切にどうもありがとうございました。

>>456
if(a.join(',') === b.join(',')) ...
ではないの？

>>458
joinで返されるのは文字列値だから「==」でも「===」でも
同じでしょ。つか「===」が本当に要ることってめったに
ない(同じオブジェクトかどうかを調べたいときだけ)。

シャッフルして先頭からn個取ったのをjoinし比較して分岐させることで、
意図通りのが出来そうです。改めてお礼申し上げます。

どーでもいいけど、速さ気にするなら
if(a.join(',') == b.join(',')) を
if(a[0] == b[0] && a[5] == b[5] && a.join(',') == b.join(','))
とか、join する前にいくつか単発で比較すればいいんじゃない？
同じになる確率低いんだし、こうするとたまたまいくつか同じなときしか join しないし。

どーでもいいとは？とても重要なことかと思うが。

その言い方もちょっとね。速さが必要なら速くする。どうでも
いいところは分かりやすく書く。というのが重要だと思うよ。

join如きでクリティカルになるようなプログラムを書くほうがおかしい

質問です。
もしwindowがオブジェクトだとしたら、windowに直接オブジェクトを作るのに、
window={p;'q'}
とはできないのでしょうか。実際できないのですが、どこがいけませんか。

すいません指がすべりました。
window={p:'q'}です。

>>466
そうすると「windowという名前の変数にpというプロパティ
だけを持つまったく新しいオブジェクトを代入」してしまうでしょ。
変数の代入は上書きだからこれまでwindowに入っていた内容は
アクセスできなくなるわけね。

あなたがやりたいことは「windowオブジェクトにpという新しい
プロパティを追加する」ことではないの？それなら「p = 'q';」

>>467
ありがとうございます。
確かに上書きですね。納得です。お手数かけました。

navigator.appVersionで吐き出される値が、
USER_AGENTと全く異なる値になることってありますか？

ふつう、常に違うだろ。それとも、navigator.userAgentの話ですか？

説明不足ですいません。「Mozilla/」以下がどうこう、みたいな話ではなく、
4.0(〜〜)と返ってくるべきところに 2.1 という値しか返ってこない、という状況になり、
バージョンチェックなどで弾かれてしまう問題にぶつかっています。

>>471
そりゃ,
var appver=navigator.appVersion;
appver=2.1
とか意図的に仕込まれてるんでは？普通ブラウザ情報は正確でほ。

>>472
ありがとうございます、もう少し調べてみます。

>var appver=navigator.appVersion;
>appver=2.1

なにコレｗｗ

テキストエリアの(自動)スクロールはできますか？

>>475
むかーし、時々あったのは、テキストデータを一行ずつ書き換えて、
カクカクスクロールするもの。まあ、今時、探しても無いだろ。

今なら、DIV要素オブジェクトなどにスクロールバー出させて、
その中に、見えないSPAN要素オブジェクトを入れて、
SPAN要素オブジェクトを移動させながら、
scrollIntoView 使ってスクロールさせるかな。

>>476
ありました、隊長！
ttp://www.infoaomori.ne.jp/~sekiai/script-page/script76.html

onMouseover や onMouseout 等のイベント記述を
JavaScriptから書き換えることはできるでしょうか？

[HTML] <a href="#" id="test" onMouseover="">ほげ</a> ←onMouseover未設定
[JavaScript]
A = document.getElementById("test");
A.onMouseover = "this.value='ほげほげ'"; ←の様に変更
A.onMouseout = "this.value='ほげ'"; ←の様に変更

>>478
addEventListener
attachEvent

>>478
基本的なことを忘れてた
A.onclick
A.onmouseout

<a href="#" id="test">あ</a>
<script type="text/javascript">
A = document.getElementById("test");
A.onmouseover = function () {this.innerHTML='ほげほげ';};
A.onmouseout = function () {this.innerHTML='ほげ';};
</script>
this.valueとは恐らく要素のテキストの事と思われる

>>476-477
ありがとうございます。

>>479-481
this.value は急いで後付してしまい、誤ったものでした。
失礼しました。

主要ブラウザ含めて バッチリできました。　　結構 予想と異なる
アプローチでしたので、自分だけでは解決できない所でした。
誠にありがとう御座いました。

今月からJavaScriptを始めたものです。下記に示すコードは、divタグで囲まれた要素の内容をIDと共に
連想配列に登録した内容を使用して一括置換する関数です。完成したときは巧く動いたと思ったのですが
divタグを入れ子状態にすると巧く動作しません。どのように書き直したらよいですか？
初心者レベルの簡単な質問で答えるのもばからしいと思いますがなにとぞご教授願います。

<script type="text/javascript">
<!--
function replace(tmpl,hash){return tmpl.replace(/(<div�s.*?id="(.*?)".*?>)(.*?)(<�/div>)/g,function(m_all,m_start,m_id,m_text,m_end){return m_start + (typeof(hash[m_id])=='function' ? hash[m_id](m_text) : hash[m_id]) + m_end})}
var input='TEST1<div id="a1"><a href="#">TEST2</a></div>TEST3<div id="a2">TEST4</div>TEST5<div id="a3">TEST6</div>TEST7';
var output=replace(input,{a1: 'TEST100',a2: '<a href="#">TEST200</a>',a3: function(str){return str.split('').reverse().join('')}});
document.write(input+'<br><br>'+output);
//-->
</script>

>>484
そのぐちゃぐちゃのコードを読む気になれないね。どのような動作を
望んでいるのか分かる日本語で正確に説明してみそ。

>>484
マッチに最長マッチを使って取れた内側にdivがあるようなら
再帰的にreplaceを呼ぶとかにすればいんでないの。しかし
String.prototype.replaceがある状態で関数replaceを
定義するのは紛らわしくて読みづらい(しかもStringの方も
使っているし)。

ttp://www.fureai.or.jp/~tato/JS/BOOK/BOOKSAMPL/PART2/SIMPLI/SIMPLI01.HTM

上記ページにあるように、テキストをマウスクリックで１文ずつ表示させたいです。
その際に、上記ページでは次の１文を表示させると前の１文は消えてしまいますが、まるでサウンドノベルのように、消えずに次々と表示させたいのです。

また、ボタンではなく、画面（どこでも）をクリックすることで表示させたいとも思っています。

どうか、ご教授ください。

>>487
最後の1文で釣り決定ｗ

487が少なくとも過去ログを読んでいないのは間違いないな

>>487
その参考サイトの消えるのをやめればいいんでしょ。画面の
クリック取るのはwindow.onmouseupにでもハンドラつければ。

大事な教授をあげることはできません。

これ↓閉鎖なんですね。どこかにミラーサイトはないのでしょうか。
ttp://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/

あのさあ、内容のある書き込みのついでに「ご教授」を皮肉る
とかならいいと思うんだけど、わざわざそれだけのためにレスを
浪費するのはやめて欲しいんだけど。

>>493 ｵﾏｴﾓﾅｰ

>>492
http://web.archive.org/web/20050318053905/http://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/
困った時はコレ。まあアーカイブされてない弱小サイトは無理だが

>>495
ありがとうございます。実はそれもやったんですが肝心の頁が切れていて（例えば
axis.t.u-tokyo.ac.jp/~shunak/ecmascript/Capsule.htmlなどとか）、googleのｷｬｯｼｭも
役立たずだしと思いまして……

質問です、お願いします。
オブジェクトを追加するというとき、どのようなイメージをしたらいいの
でしょうか。配列のインスタンスの場合は箱ですが、そんなわかりやす
いイメージが何かありますか？

配列の「1要素」は箱だろうけど「配列のインスタンス」
だとその箱が直接状に並んだものとしか思えん。日本語が
おかしい奴にイメージを説明できる気はしない。

>>498
すいません。インスタンスの要素が箱ですね。気を取り直してお願いします。

俺は真夏の太陽をイメージしてるよ

　∧　∧　　∧　∧　　∧　∧　　∧　∧　　∧　∧　　∧　∧　　∧　∧　　∧　∧
(*‘ω‘ *) (*‘ω‘ *)(*‘ω‘ *)(*‘ω‘ *) (*‘ω‘ *)(*‘ω‘ *)(*‘ω‘ *) (*‘ω‘ *)
　(　　　)　　(　　　)　　(　　　)　　(　　　)　　(　　　)　　(　　　)　　(　　　)　　(　　　)
　　v v　　　　v v　　　　v v　　　　v v　　　　v v　　　　v v　　　　v v　　　　v v
　 　[0] 　 　 　[1] 　 　　[2] 　 　 　[3] 　 　 　[4] 　 　　[5] 　 　 　[6] 　 　 　[7]

大変よく分かりました。すいませんでした。訊いたのが間違いでした。

直接状とは？

「直線状」をミスタイプしたまま変換したようです(泣)

>>501 のセンスに嫉妬したw

仕事でAjaxなアプリケーションを作ってるところなのですが、
XMLHttpRequestが不可解な挙動をします。

環境
・Internet Explorer 6.0
・Windows 2000/XP

現象
SSLを使って情報量の多いPOSTリクエストを行うと
XMLHttpRequestインスタンスのstatusプロパティに 12030 が代入されて
接続が終わってしまう。
情報量の少ないPOST、特にパラメータのないGETについては問題なし。

Googleで海外の情報まで検索したけど解決策は見つからず……
FireFoxでは再現しません。12030という数値はどうやら、Win32エラーコードの

ERROR_INTERNET_CONNECTION_ABORTED
The connection with the server has been reset or terminated, or an incompatible SSL protocol was encountered.
For example, WinHTTP version 5.1 does not support SSL2 unless the client specifically enables it.

というエラーコードらしい、ということまではわかったのですが……

案件の要件定義上、どうしてもここはSSLかつXMLHttpRequest経由でPOSTせざるを得なく、
今から仕様変更する時間もありません。

些細な情報でも良いので誰か助けてorz

何回かに分けたら？

IEなら XMLHttpRequest じゃなく ActiveXObject だろ？

海外の情報を検索するのは当然だろ

後、あなたの調べた内容がそのまま回答ですので悪しからず

VBScriptからJavaScriptへの書き換えを行いたいのですが、
VBScriptのSetステートメント(例 Set TheForm = Document.ValidForm)、
Constステートメント(例 Const a=1)をJavaScriptで書くとき
var TheForm = Document.ValidForm;
var a = 1;
でよいのでしょうか？

いろいろがんばったのですが解らなかったのでお願いします。

bodyの高さといいますか、長さを取得するにはどうしたら用意のでしょう？
見えてる部分や、ウィンドウの高さ、画面の高さなどは簡単に見つかったのですが、
全体の高さを取得できませんでした。

PHPで動的に書き出したページの長さによって動作を変えたいと思いまして…
スクロールさせないと見えない部分の長さも含めた画面の長さです。

お願いいたします。

>>511
何を頑張ったのか聞いてみたいもんだね。offsetHeightとか見たこと
ないのかよ。ないのなら過去スレを探してもないんだね。そんな奴は
ここに来て欲しくないね。
>>510
何しろ洩れはVBScriptが分からないので。やりたいことを日本語で正確に
表現してくれたらJavaScriptでの書き方は教えられると思うけど。
JavaScriptのサンプルは見た方がいいよ。Documentとか大文字で書いてる
サンプルなんて1つもないだろ？なぜないかというとそれじゃ動かないから。

質問です。
<form>
<input type="button" name="b1" value="test"
　　onclick="alert(this.b1.value)">
</form>
で、thisはformオブジェクトを参照するはずですよね。だとしたら、なぜ
これはvalue値を返さないのでしょうか。

this.value か this.form.b1.value だろうな

いいえ、this はその要素自身を指します。
フォームの各要素内からその親のFORM要素を指したいときは this.form と書きます。

＞いいえ、this はその要素自身を指します。
だとしたら、おかしなSyntaxになりはしないか？

？ 例えば？

thisは要素、formはオブジェクト。
だとすると、要素.オブジェクトの記法になりはしまいか？

>>518
そんな見当違いな質問してないでまっとうな本で勉強した
方が速いと思うけど。オブジェクト指向言語のオブジェクト値
は普通「オブジェクトを指す参照値」であり、どのオブジェクト
のどのプロパティにも他のオブジェクトを指す参照値を入れられる。
フォーム部品オブジェクトのプロパティformにはその部品を入れて
あるフォームオブジェクを指す参照値が入っているというだけのこと。

間違えてプログラム板で質問した所
こちらに誘導されてきました、何卒よろしくお願いします

すばらしく初歩的な質問です
□と△には任意の数字をformにキーボードで打ち込んで
□＋△＝□＋△の答え
が出るjavaスクリプトってどうやって組めばいいんでしょう？
５時間考えても出来ません・・・

またぐぐったり本を読んだりしているのですが、（this.form）、（this.value）などthisがつくものが
いまいち理解できないで苦しんでいます、thisという風に表記した場合
その<script〜〜./script>までで（form）と表記されている全てが適用されるということなのでしょうか？
こちらの回答も宜しければお願いします

と、思ったらうえにthisの質問が・・・
レス内容読んできます、申し訳ない

>>518
何いってっかわかんねｗ
あー
> this はその要素自身を指します。
→ this はその要素自身のオブジェクト (ノード) を指します。
こう書かなきゃわからなかったってこと？

thisを使わずに書けばいいんだよ
document.getElementById("")みたいに
そうすれば余計なことを考えずに済む

>>523
いや、断る。そういう逃げがやがてprototypeでどうにもならぬ壁にぶつかる。

>>523
そんなもん回避方法いくらでもあるだろうよ

そうそうDOMを勉強しなはれや

間違えた >>524へのレスね

applyやcallのあるJavaScriptで、
thisを使わずに書くのが正しいのか正しくないのかよくわからん

コンストラクタから生成したオブジェクトでメソッドを定義するとき
function x(z){
this.z=function(){alert('Hello')};}
o=new x();
o.x.onclick();
はアラートしません。どうすればよいですか？

すいません。打ち間違えました。
×　o.x.onclick();
○　o.z.onclick();
です。

onclickはどっから出てきたんだｗ

325 名前：名無しって何ですか？：2005/12/27(火) 07:14:19 ID:YevwbuuZ
　　　　 　　_＿＿＿____ 　　
　　　　　　　／:.'｀::::＼／:::::＼ 　　
　　　　　 ／:: 　　　 　 　 　　 ＼
　　　　　/::. 　／"""　　"""＼ ヽ
　　　　　|::〉　 　●"　　　 ●"　｜　　
　　　(⌒ヽ　　　　　 　　　　　　 ｜）
　　　 ( __　　　　　（ ∩∩ ） 　　 |
　　　　 　｜　　､＿＿_＿＿　　/　　　
　　　　　　ヽ　　　＼＿___/　　/
　　　　　　　＼　　　　　　　 /
　　　　　　　　 ＼＿＿＿_／

　　　　　　　　　竹石　圭佑
　　　　　　（1986〜　愛知県名古屋市）

在日中国人の両親を持つ為か、日本語のアクセントがおかしい時が多々ある。
小学生の時に万引きで補導されたらしく、その頃から既に歪んだ性格であった考えられる。

中学・高校時代…意中の女子には露骨にちょっかいを出して気を引こうとし、また、その時の言動は挙動不審で相手に好意があることがミエミエな為、非常に痛々しい。
でしゃばりで、なぜか偉そうな態度をとっていたが、不良学生相手にはビクビクしながら機嫌をとっていたという不可解な面も併せ持つ。
また特に自分より力の弱い女性教員や女子生徒等を格好の的としていたので、その様な人間には異常に高圧的な態度をとり、馬鹿にし、いつも幼稚な悪口や悪質な嫌がらせを考えて楽しんでいた。

相当な目立ちたがり屋で｢地球は自分を中心に回ってる｣という性格。しかし、何の能力・才能の欠片もなく、ヘラヘラしていただけなので精神が不安定だったとも考えられる。あだ名はダメ石(何をやってもダメなくせに口八丁なので)→デメ石(非常に出目金に似た顔なので)。

愛知県の底辺の大学に通ってるが、名古屋大学医学部を目指しているらしく、医学生になった自分を日々妄想している。
余談だが、KAT-TUNの田中聖をライバル視しているらしい。

※注　これは自分の知っている範囲の竹石圭佑の情報であり、全てではないと思われ。

>>529
な、なんじゃこりゃー　from 優作

>>490
>>>487
>その参考サイトの消えるのをやめればいいんでしょ。

「クリック取る」のは何とかできました。

すみませんが、「参考サイトの消えるのをやめる」方法を教えて下さい。
よろしく、お願いします。

>>534
何言ってるの。自分で勉強しなよ。洩れだってそこ見たことも
ないし他人のためにコード読みたくないね。勉強してて分からない
ところがあれば相談に乗るけどね。
>>529
o.z();
とすればalertは出るだろうけどさ。なんでonclickとかが
登場するのかアンタの脳内が理解できない(したくもないけど)。

>>512

offsetHeightは試したんですけど
bodyタグに設定したidのoffsetHeightを取得していたのがまずかったようです。
それだとclientHeight(innerHeight)と同じ値を取得するみたいです。

全部を<div id="main_div">で囲んで、
main_div.offsetHeightでいけました。

レスありがとう御座います。

前スレで継承方法について少し話題になったけど、それに関して質問です。
applyを使って継承を実現しようとすると、素直な継承が出来なくなってしまって困っています。

var ClassA = function() {
this.message = function() { alert("this is ClassA"); };
};

var ClassB = function() {
ClassA.apply(this);
this.message = function() { /*なんとかここでClassAのmessageを呼びたい*/ };
};

例えば、
var ClassB = function() {
ClassA.apply(this);
var _message = this.message;
this.message = function() { _message(); };
};
とやれば解決できますが、複数のメソッドにわたって処理をするのが面倒です。
かといって最初に全てのプロパティのコピーを取っておく方法はいまいちですし…。

ClassB.prototype = new ClassA();
という継承の仕方では、クロージャを使ってthisを固定している関数で
thisがclassBを指してくれなくなります（ここら辺は前スレで書かれていました）。

どのように実装するのが良いのでしょうか。教えてください

なんてゆうか、意図がわからんｗ
ClassB に this.message 書かなきゃいいじゃん、ってことではないの？

>>537
var A = new ClassA();
this.message = function() { A.message.call(this); }
じゃ駄目?

>>537
関数をオーバーライドしたいんです。
ClassAの関数はそのままに、さらに少し機能を追加したい訳です。
Javaでいうsuperですね

>>539
継承ですので、ClassAの他の関数はそのまま呼ばれるようにしたいのですよ。
ClassAにmessage以外にfooやらbarやらの関数があった場合、
(new ClassB()).foo() でClassAのfooを呼び出せるようにしたいのです。

this.message = function(super){return function(){...super();...};}(this.message);
とかはどう？

>>540
どこまでしたいのかが分からないけど、それは頭にClassA.apply(this); つければいいんじゃないの?

prototypeで継承すれば…といいたいけど、
prototypeの継承モデルはクロージャでインスタンスを参照する関数が書けないんだよね。
呼び出すほうが責任をもってbindしなければいけないのは面倒だ…

すいません、教えてください。
function Const(x, y){
this.x = x;
this.y = y;
return this;
}
でのようにthisを返すということは、何を意味しているのでしょうか。

>>544
オブジェクトが返り血

544、おかしくない？このコードだと実行時のthisを返すよね。

例えば、
function Const(x, y){
this.x = x;
this.y = y;
return this;
}
var f = Const(1,2);
var g = Const(3,4);
alert(f.x); // 3

これが想定した動作だというなら何も言うことはないが…

>>546
ありがとうございます。
ttp://www.tokumaru.org/JavaScript/constructor_and_method.htm
ここ読んでいたらこうしてthisを返すようにすると便利と書かれていたの
ですが、どういうことか分からなくなってしまったのでお聞きしました。
この点、ちょっと解説いただけますか？

>>547
その文脈だと return this は至極普通だが、
俺はそのページ嫌いだから解説パス

あらあら。なんで嫌いなんですか？

data:schemeって何じゃらほい？

>>550
検索って知ってる？

？るてっ知てっ索検

var s='？るてっ知てっ索検’;
ReverseString(s);
Afo.protptype.gotoMoon=ReverseString;

1.ここのような写真をクリックで拡大して見れる
スクリプトに関してなんですが
ttp://www.huddletogether.com/projects/lightbox2/
How to Use:というところは何を示しているのでしょうか？
この通りにすればそうなるということでしょうか？

2.それとこういうスクリプトというのは
他サーバーを介してこのように動くようになっているのでしょうか？
3.このようなスクリプト集など、本にして売ってたりするのでしょうか？
なんというカテゴリーで売られているのでしょうか？
自分でサーバーを持たずできるものの本などがありましたらご紹介
お願いします。よろしくお願い致します。

>>554
1.そのサイトで聞け
2.スクリプトによる
3.自分で調べろ

>>554
あんた前もこれ聞いてたでしょ。進歩ないよ。

ありがとうございます。
前って初心者スレにて誘導があり初めてきましたよ。
大体のわかる範囲でいいのでいいのでjavaを熟した方に
ご意見頂きたく思います。

> javaを熟した

なんつーかもう、>>1くらい読もうぜ
ここまでひどいとあんたに答えるやつはこのスレにはいないんじゃないかな

>>558
ありがとうございました。

Javaと教授は御法度ね

もれは教授は別に気にしないけど。答えたくないヤシが
答えないのは自由だとは思うがね。言語の名前間違うのは
やっぱ許せないよ…

JavaScriptでのObjectクラスについてなんですが、これを使うメリットって
なんですか？どのようなプロパティが準備されているのでしょうか？

>>562
constructor
prototype
valueOf
unwatch
watch

まあ、使いたくないのなら使わなければいい

o={}でカラのオブジェクトはできませんか？

出来るからやってみれ。

>>564
__proto__ があれば、 o.__proto__ = null とか。
無ければ、出来ないが、for in で undefined を割り当てて誤魔化すとかかなｗ

>>566
ビルトインオブジェクトにはNoEnum属性がついているから
for...inでは引っかからないはずだが

Objectのprototypeに何かを代入するような馬鹿相手には
isOwnPropertyとかを使うしかないのだろうが、
Safariではなぜかサポートされてなかったり、Operaではバグったりする（過去ログ参照）

>>566
おお、ありがとうござんす。と思ったんですが、うまく行きません。
o={}
o.prototype.z=function(){...}
で、コンストラクタをfunctionからだと行くんですがo={}だとエラーです。
どう書けば行きますか？＜nullとかやってみましたがだめっす

>>561
おまい、どんな境界線なんだよｗ

>>568
まずはちゃんと意思疎通できる言葉を書き込もうな！

意味わからん

Javaと書かれてむかつくのは、純粋に1を読んでないことが明白だからだな

>>567
hasOwnPropertyを間違えるやつに言われても困るなあｗ
for in で引っかからなきゃ、きめうちすりゃいいし、そもそも、
「出来ない」、「ごまかし」と書いただろ？

>>568
分かんねえよ。書き込む前に保護者の方に推敲してもらえよ。

>>572
ごまかしきれてません＞＜

え？だめすか？すごく単純なことだと思うんですが？
えっとカラのオブジェクトoを定義して、oにｚを追加したいです。で、
o={}
o.prototype.z=function(){...}
こうやると、oはNullかオブジェクトではない、と叱られます。
どうやったら追加できますか？
これでどうでしょうか？

>>575
日本語を勉強しろと言っているんだが

どこがわかりませんか？ご説明いたしますので

なぜ Object を作りたくないのか？

>>575
o.prototypeがNullなんでしょ。エラーも正確に記述
できない奴はどっかよそへ逝ってくれよ。

そもそもprototypeプロパティを設定して意味がある
のはコンストラクタになるオブジェクト(つまり関数)
だけだよ。地道にサイ本でも呼んで勉強すべきだな。

>>579
解決です。ありがとうございました。ご親切にどうも。

こんにちは。連休中にJavaScriptを何とかマスターしたいと考えています。
設計思想の根幹部分でコードを見たときちょっと面くらいました。
要するにこれはオブジェクト指向というよりprototypeですね。Javaな私か
らすると、
public class SS {
public int c = 0;
public int ac = 0;
public SS () {
}
あたりの移行からして不気味です。しかし昨夜受けたレクチャでは
JavaScriptも2.0からはクラス指向言語へ鞍替えを図るとのことでし
た。この辺の事情に詳しい方、ちょっとコメントいただけませんか。

こういうループを作りたいのですが、どうすればいいのでしょう？
0,1,2,3,2,1,0,1,2,3,2,1,0

>>581
JavaScript 2.0案が公開されてから何年もたつが、ブラウザ上の
はECMA-262のままだけど。Javaの考え方のままJSのコードを書こう
なんて思わない方がいいと思うよ。「プロトタイプベースの
オブジェクト指向」は古くから存在してるんでね。アンタが
オブジェクト指向と呼びたくないならご自由に。
>>582 ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<p><script type="text/javascript">
for(var i = 3; i < 1000; ++i)
document.write(' ' + Math.abs(i % 6 - 3));
</script></p>
</body></html>

>>581
2.0を追いかけている人はム板のECMAScriptにいる。

2.0って規格が3つある奴だよね？MSとNetscapeとFirefoxと。

普及するはずないじゃん…

apacheとjavascriptの連携ができるか教えてください。
ブラウザのツールバー（googleとか）があるかどうかを判断して処理をしたいのですが、
javascriptでツールバーがついたブラウザかどうかの情報を取ることって可能ですか？

apacheのログにはツールバーの有無が出ているので、その変数が上手く取ってこれれば…
と思ったのですけど、どうにかできますでしょうか？

>>585
ブラウザアドレスで実行できる262-3に比べると、そういう結論になるのもしかたないが、
既に、AS2、AS3、JScript.netらは十分普及して使われてるよ。
JavaScript2.0も、XULであっという間に普及するはずだよ。

>>587
> JavaScript2.0も、XULであっという間に普及するはずだよ。
希望的観測乙。XULって何年前の技術ですか？全く使われていません。
ちなみにRSSですら世の中では「普及していない」って捉えられてるよ
ttp://blogs.itmedia.co.jp/knowledge/2006/08/rss_b5f1.html

> JScript.netらは十分普及して使われてるよ。
これだけは自信を持って嘘だといえる。C#使える環境で誰が使うんだよｗ


あくまで個人的には、言語なんてなんでもいいと思う。ECMA262-3rdはそれ自体で十分強力。

>>588を読んでXULでgoogle検索してみた
引っかかるページ、いまだに一番上はあそこなのな…

理想は立派なんだけど、既にHTMLがUI記述言語として成立してしまったからなぁ
CSSスレの人には怒られそうだけど、セマンティクスウェブは理想論だよね

マウスカーソルの座標の取得方法は？

もちろん、onmousemove のイベントハンドラで、、というのは知ってますが、
そーじゃなく、
(x,y) = GetMousePos();
みたいな感じで、いきなり取得したいんですよ。
と、ゆーのも、ほかのスクリプトがイベントハンドラを握っちゃってるんで、、、。
何とかしてください。

>>591
> 何とかしてください。
それはその、ほかのスクリプト、とやらに言ってくれｗ

var x,y;
onmousemove = function(){
x = event.x;
y = event.y;
}

>>591
イベントハンドラは「追加」もできる。つかテンプレに
あるよな。よく嫁。

みなさん、ありがとうございました。参考になりました。

prototypeに関するスレッドってありませんか？

{_proto: プロトタイプベース・オブジェクト指向};
http://pc8.2ch.net/test/read.cgi/tech/1109948927/

クラスをインスタンスするとき例えば
voo=new foo()が普通ですよね、voo=new fooというのも見るのですが
どうちがうんですか。

>>598
とりあえずクラスとかインスタンスとかいう言葉はまず忘れたほうがいい。

ちなみに　インスタンス化　が正しい

>>598
その2つは同じっしょ。洩れは「( )」つけるけどね、その方が
分かりやすいと思う。

>>601 有難うございました。

>>600
否。「実現する」とはいうが「実現化」するとはいわない。

>>603
実体化するとは言うが実体するなんていわねーよ。
で、インスタンス化というのはこっちのパターン。

>>604
うん。そうだな。ごめん。

ね、みんな、Array.prototype.mapって使ってる？将来IEの採用どうなの？

先頭にこういうのを入れておけばいいんでないの？
if(!array.prototype.map)
array.prototype.map = function(f) {
var a = new Array(this.length);
for(var i = 0; i < this.length; ++i) a[i] = f(this[i]);
return a;
};

>>597
サンクス。でも、スレの流れがちょっと違う雰囲気だった・・・

>>607
組み込みオブジェクトのprototype汚染するくらいならグローバル関数作れよｗ

>>608
お前、prototypeとprototype.jsとを混同してるんじゃないか？

prototype.js は失敗作
方向性から失敗しているからもう修正はきかない

prototypeベースの言語で一番やってはいけない拡張をやってしまった罪は重い

え、ちがうんですか？prototype.jsのご説明お願いします。

prototype.jsに関するスレッドってありませんか？

>>612
ないね。作りたいと思うヤシがいなかったみたいでね。
あんた立ててみたら。漏れは興味ないから行かんけど。

質問させてください。
innerHTMLで<div>内にフォーム部品を作って、submit（PHPへ）しています。
ところが、IE以外のブラウザで送るとサーバ側の取得した値が空になります。
IE以外では↓みたいな書き方はまずいのでしょうか？
innerHTML = '<input type="text" name="test">';
表示までは他のブラウザでも問題なくできています。

組み込みオブジェクトの拡張を嫌う人って
名前の衝突が嫌なの？for-inで列挙されるのが嫌なの？
もし後者だとしたら、DontEnum属性を自由につけられるようになれば
別に組み込みオブジェクトを拡張してもいいかと思うようになるの？

prototype.jsだとすごく簡単になんでもできるってホントですか？

2秒でドラクエ

>>615
両方嫌だな。DontEnumではなくてしっかりした名前空間を用意すべきだ
DontEnumを自由につけるのは明らかに間違った仕様だと思う

過去にJavascriptライブラリに関するスレって立ったこと無いの？

無いんじゃないかな？

window.js$prototype = { utilitifunctions:function(){} };
prototype.jsもこんな形にすればいいのになｗ

XREAの鯖に郵便番号データベースを構築して
さらにRESTでJSONを出力するCGIを設置しますた。
ローカルのHTMLではフォームに数字を入れるとリアルタイムに住所が表示されます。

ローカルメインPCのHTMLでは期待通りの動作になったのですが、
LAN環境のPCからネットワーク経由でそのHTMLにアクセスしても動作しません。

これはクロスドメイン制限ですよね？JavaScript駆使した回避方法はありますでしょうか？

>>622
ある。

<script src="http://theURLofYourCgi"></script>

もしくは
var script = document.createElement("script");
script.src = "http://theURLofYourCgi";
document.getElementsByTagName("head")[0].appendChild(script);

そして http://theURLofYourCgi の出力の最後にkickerをつければOK
JSONではなくなるが、JSONにこだわる理由もなさそうだし

>>622
JSONPでググってみ。

>>624
おお、いつの間にかそんな規格が出来てたのか。素晴らしい。

>>621
そのライブラリ使用者が書くコードに｢$｣文字が現れることになる。
その文字は、仕様において、機械的なコード生成に取って置く、
という趣旨の注意がされているから、考え無しに使う物ではない。
具体的には、グローバルな識別子、またはそこから｢.｣あるいは｢[]｣で
単純に辿れるプロパティとメソッドに使うのは控えた方が良いということ。
逆に、ライブラリ使用者が触れない(触りにくい)部分で、
常にHTMLのSRC属性などで外部読み込みされると見込まれる場合は、
お好きにどうぞ。

>>607
1. 大文字小文字
2. オプション引数がない
3. そもそも、Arrayは、インデックスを飛ばす場合があり、
　 JavaScript 1.6 では、その場合の処理も決めている。

これらの点で、それは、組み込みのArray#mapと、かけ離れている。
遠慮なく言うと、それを使われたら、いい迷惑だろう。

特に上記3をきちんと考慮してある有名ライブラリは存在しないから注意が必要。
安易な気持ちとショボいスキルで、組み込みメソッドと同じ名前のメソッドを自作するべきではない。

>>626
prototypeの$関数への皮肉のつもりだったんだけど

>>627
JavaScript1.6とかどうとか言う前に、
ECMA262-3rdでしっかりと定まってますがな
ブラウザが準拠しているかどうかは知らないけど

>>610
わかりきったことを何を今更

じゃあ結局、どのライブラリがいいの?
mochi?dojo?

どのライブラリがいいとか、そういう話ではなくて、
prototype.js が既存言語の本来の性能を奪ってしまうダメなライブラリであり、
それは主に組み込みのprototype拡張による弊害であるという話。

C言語で何かのライブラリに
#define long short
とか定義されているのが直感的イメージとしては近いだろうね

prototype.jsの発想は理解できるんだけど、
設計した人は絶対にprototypeベースのオブジェクト指向言語を知らない人だろうね。
prototypeベースの言語に一般的に指摘されている問題点が見事に体現されてるからなぁ。

prototype.jsのサイズってどのくらい？

47KBくらい

>>631
YUI 使ってるけど、良いよ。

ライブラリなんて自分で作ればいいじゃん。人の下手なコード読むのは辛い。

>>636
試してみる。
>>637
公開してみたら？

>>638
人のコードを読むのが辛いと思ってるのに、なんで自分から公開して人を苦しませねばならんのだよ

>>632
それはArray#mapとかのJS1.6でも定義されているメソッドに限定した話？
それともFunction#bindとかも含む？

擬似的な名前空間として接頭辞を使う（Array#myMapとかのように）のはその解決策になりうる？

YUIはデカイので導入を躊躇してしまいます。

>>640
全て含んだ話だと思うよ
ECMAScriptのprototypeの一番の問題は、きちんとした名前空間が無いため
勝手にビルトインオブジェクトのprototypeを拡張されると、既存のプログラムが動かなくなること。
特に顕著なのがfor...inで舐めるプログラムを書かれているとき、意図しないプロパティが登場する。

ECMAScriptのArrayはインデックスが飛んでいることを許しているので、
var a = new Array();
a[123456] = 1;
というプログラムが普通に書けるのだけれど、もしArray#myMapというprototype定義があれば
for(var index in a) { alert(index); }
というプログラムで本来の 123456 以外に myMap という文字列も取得してしまう。
for(var i=0; i<a.length; i++) なんてプログラムを書いたら、無駄な123455回の走査が発生するため、
Arrayのプロトタイプを拡張されるとインデックスが飛んでいる配列が（普通に）使えなくなる。
これが632の言う言語の本来の性能を奪ってしまう、ということだろうと思う。

あくまで絶対に自分しか使わないし、他の人のライブラリもインクルードしない！というのであれば
もちろん問題の無い話ではある。prototype.jsはそういうスタンスだね

ひとつのHTMLファイルにscriptタグを2個に分けて書かなければいけないという
状況に陥っているのですが、<script>のなかにある変数を別の<script>で
参照できるでしょうか？


<script>
a = 1;
</script>

<script>
alert(a) ←うごかないみたい
</script>

いや動くって。

あれ、ほんとだ。
ということは、<script>〜</script>は変数のスコープに関係ないのでしょうか？

すでにあるプロトタイプに埋め込む形でスクリプトを書かなければいけないので、
ほかの部分が邪魔をしているのかもしれません。

どうしたものか。

関係ない、
っていうか、function 外設定した変数 (や関数) は全て window オブジェクトのプロパティになるよ。

>>641
YUIは、別にでかくは無いと思うが。

YahooUIのカレンダーのサンプルを触ってみたけど
Safari対応と謳っているのに、実際には機能しなかったので
品質の程度を疑問視してしまい、それ以来、検討する気がしない。

ちゃんと機能してたぞ
お前がなんかまちがってただけだろ
無能な奴はこれだからな

埋もれてしまったので再度なのですが、>>586どなたかわかりますか？
ﾚｽ付かないってことはムリと考えた方が良い？

Apacheとの連携ということであれば相当無茶をしなければいけないと思う。
しかしGoogle Toolbarがあるかどうかだけなら判断できるはず。
IEならActiveXObjectを使って判断するんじゃないかな？

>>649
>ちゃんと機能してたぞ

それ、いつの時点の話だよ。
少なくとも２月の公開時点では
複数月表示でバグがあったまま公開されたのは確か。

最初に航海された時だよ

自分ができないと、なんでもバグ
無能宣言ですか？

自分の環境でOKなら、すべて無問題
無謀宣言ですか？

いや。友達もいないオタクなあんたなら、それがお似合いだ。

↑
やっぱり、JavaScriptライブラリのスレ、必要じゃねーの？
こういう奴ら排除するためにはさ。

立てるのは自由だと思う

そいつらが素直に新スレに逝ってくれればいいのだがｗｗ

* このスレは、ライブラリをフルスクラッチで作れる者が回答するスレ。
* ライブラリスレは、ライブラリを使いなれた者が回答するスレ。

という棲み分けが明記され、守られるなら、新スレを歓迎しないこともない。

ふるすくらっち？

フルスクラッチが理解できないレベルの人もこのスレには多いだろうな

ライブラリ厨
言語厨

それでいいじゃん。棲み分けられると思うよ。洩れは言語厨
なのでライブラリに興味ないし。

ライブラリを使わなければ出来ないようなことってまだないから、
俺もこのスレに居続けるんだろうな

結局こちらのスレでしか質問の回答が受け入れられない、ということになりかねないね

無能がここで情報求めても無能だから結局使いこなせないと

汎用ライブラリで大きいとこある？

だからYahoo UI使えと何度言えば．．

>>667
Thx a lot :)

ECMA262を読んでて思うんだけど、この規格説明文ってcase sensitiveじゃない
よね。コードが「p」でも段階的処理説明では「P」になってたりして。
どういうこと？

>>669
どこだよ

function f(){this.name=a}
function f.prototype.g() {....}
という書き方はIE以外では使えませんか？

IE6だと、マウスでボタン押下中にdisabledが書き換えられると固まるんですが、回避する方法を教えてください。

>>672
ふーん聞いたことないけど、押し下げ中かどうかを常に
記録しておき、押し下げ中は書き換えないようにするとか？

実証コード
<input type="button" value="長押し" id="myBtn" onmousedown="setTimeout(function(){document.getElementById('myBtn').disabled=true},500)">
<input type="button" value="押して離せ" id="myBtn2" onmouseup="document.getElementById('myBtn2').disabled=true">

Ajaxの中止ボタンですが、普段はdisabled状態で、ロード中だけ押せる状態に戻します。
ロード中に中止ボタンを押しっぱなしにし、ロードが完了して中止ボタンをdisabledにしてしまうとフリーズするわけです。

>>674 Ajax? それが大切なことだろ。早く家ボケ。

質問です。
.toSource()のようなものをIE6で実装する方法はありませんか？

質問です

はい、なんでしょう

>>677 ：Name_Not_Found：2006/10/11(水) 13:27:47 ID:???
>>678 ：Name_Not_Found：2006/10/11(水) 13:28:46 ID:???

自演はよせ。スレのムダだ。残り321レスは有意義にしたい。

>>674
onmouseupで即disableするとかいう危ういことはやめなよ。
onmouseupでsetTimeoutを設定して、100ミリ秒後に
disableするとかに直したらどうかな。

>>674
<html>
<head>
<title></title>
<script type="text/javascript">
</script>
</head>
<body>
<input id="orz2" type="button" value="長押し" disabled="true" style="position:absolute;display:none"/>
<input type="button" value="長押し" onmousedown="setTimeout(function(){document.getElementById('orz2').style.display=''},500)"/>
<input type="button" value="押して離せ" id="orz4" disabled="true" style="position:absolute;display:none"/>
<input type="button" value="押して離せ" onmouseup="document.getElementById('orz4').style.display=''"/>
</body>
</html>

ttp://www.access-webconsulting.com/MetaGen.asp
このサイトのような、〜自動作成サイトをJavaを利用して作りたいのですが、
その方法を教えてください。

>>682
ここはJavaScriptスレです。JAVAのことはJAVAで聞いてください。
http://pc8.2ch.net/test/read.cgi/tech/1159700963/

小数点第3位で繰り上げしたいのですが、指定した桁数で切り上げる
方法はありますか？

あります

という定型レスを返すのも飽きたので実装方法をば。

切り上げる関数（元の数字×100)/100

ありー＾＾

あれ、できませんでした。変わらず。。

Math.abs(n*100)/100じゃね？

>>688 お前どんなコード書いたんだよｗ
>>689 絶対値とってどうするんだよｗ

解説サイトでよく
js> b = new Date();
のように書いてあるのを見ますが、「js>」というのはどういう意味ですか。

>>691
JavaScriptのコードを打ち込んですぐ実行させるような
ヤツで出て来るプロンプトでしょ。DOSの A> みたいな(洩れって古い!)

>>692
（そしてキモイ!）

米マイクロソフト（ＭＳ）は、パソコン向け基本ソ
フト（ＯＳ）「ウィンドウズ」やビジネス統合ソフ
ト「オフィス」に計１０件に上るセキュリティー上
の弱点が確認されたとして、修正プログラムの配布
を同社サイトで始めた。１０件のうち６件は４段階
で最も深刻度が高い「緊急」に分類され、放置する
と、インターネット経由で侵入したハッカーにパソ
コン内の情報を読み取られる恐れもあるという。緊
急度の弱点は、ウィンドウズを構成するインターネ
ット閲覧ソフト「インターネット・エクスプローラ
ー」などで見つかった。

一連のスクリプトの中で変数や関数名が重複していたとしても、上から
実行する分には問題ありませんか？

上？飛行機の中？

>>695
問題大ありだと思うがね。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　.
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ..ﾞ'':':lll;i,_
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ..ﾞ'lli,
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　.l'!
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 l.l
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 l,|
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ''''lll,,_
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 .'':l;,_
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　.'ll.
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　.,,,i;;;lll,,;;;''i''ﾞﾞ'''''ll;ii,,,,
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ll;;;::;iii,_..:'l,.!.i .:'..,;,.lll,lli.
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ill';i　　.,,i:'''''.'l''l;i'l!,'ll. ''ll!'''.'' ..｀il'il:i:;,,
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 'l|'llli,,,ill,,,,_ . .','lll,llli.il'ﾞ.,,,,..i.:::'''ﾞ　 .''lll;i.iiiiiii,,,,,,,,,,_
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 .l, .ll.'ﾞ ....'llli,,_,,,,lllilﾞ .ﾞ''''ﾞﾞﾞ　　　　　　　　　　 ...ﾞ'''''llli,.,_
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 'l.i'ﾞ_ .,.,il'il.l!''ﾞﾞ ,''|　　　　　　　　　　　　　　　　　 .''lli,
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ,lilll;liil''ﾞ　'l,.　 ..:l,,　　　　　._　　　　　　　　　　　　　.li|
　　　　　　　　　　　　　　　　　　　　　　　 ,llll;,,,_　　 .ll'll''｀.':i.　.,.:'illl! ,l!　.,,,,illllll'':ll!　　　　　　　　　　　　 ''
　　　　　　　　　　　　　　　　　　　　　　　 .l.l!..''iil'llli.,,,lll|　　 ..l,'ﾞ｀ l!lﾞ .il'iilll''',,.::'ﾞ　 '!'!

　　　　　　　　　　　　　　　　　 __　　　　　 |.|　 .ﾞ'::..,,'l!ﾞ　　 ,|,...:':i,.ﾞ''''''''''''ﾞ　　　 .'l.'!
　　　　　　　　　　　　　　　　,illl''''''ii'',''''':;;;i.:i!.l::::.ii.,,_.'lllll;il!:ii,,..:'lll;l.　l!　　　　　　　　.l,,l
　　　　　　　　　　　　　　　,i;'ilﾞ　　 ..,,.::'':llllll,,,,__ ...:..''lll',,'i'':lll!''l..|''ii,,l!...i:::'''';;lllll'i;i,　　..l'|
　　　　　　　　　　　　　　,,;lll'　　 .,.:':'' ., .,':''l.l',lllli,,.　 l!''　..'i,.,,l'　 ..ﾞ'''::::::''ﾞ　　.'llll_　 l'|
　　　　　　　　　　　　　.,llli'ﾞ　　.,ll::i,i,,.,' '.':i _,,;ll'''l':l! .,,,l|iiilll'..,ilﾞ　　　　　　　　　 .lllli, .'li_
　　　　　　　　　　　　.,illil'　　 .,l'　 ..:.''llllii,,,,.,:.lli: .,ill'llll.......::'''　　　　　　　　　　　..'llll_.ﾞ'lliii.,,,.
　　　　　　　　　　.,,,;ll''ﾞ.ﾞ'!　　.:ll,,,',:: .: ...'';ll':i,,.' ..,l'l'´　　　　　　　　　　　　　　　　.'lll'　　 ..
　　　　　　　　.,,,;lll''ﾞ　　　　　 |,.''llli,,,,　 .｀ .,,,.::'i;'l!　　　　　　　　　　　　　　　　　 ..'ll,
　　　　　　_,,,lli:'ﾞ　　　　　　　 .'l'!ii,,,,,ﾞ'''lllli:l''.ﾞ　.,lli!　　　　　　　　　　　　　　　　　　 'il_
　 '''''''''llll'''''ﾞ　　　　　　　　　　 .ﾞ''''ﾞﾞﾞﾞﾞ　　　　.,ll'l'　　　　　　　　　　　　　　　　　　　 .lll_
　　　　　　　　　　　　　　　　　　　　　　　　 .,ll'l!　　　　　　　　　　　　　　　　　　　　 .'lli,_
　　　　　　　　　　　　　　　　　　　　　　　　..'lill!　　　　　　　　　　　　　　　　　　　　　 .''''':llii
　　　　　　　　　　　　　　　　　　　　　　　 ,lllﾞl|　　　　　　　　　　　　　　　　　　　　　　　　.
　　　　　　　　　　　　　　　　　　　　　　　.,ll!
　　　　　　　　　　　　　　　　　　　　　　 .ili!
　　　　　　　　　　　　　　　　　　　　　 .:,l,l!
　　　　　　　　　　　　　　　　　　　　　,,ll'ﾞ
　　　　　　　　　　　　　　　　　　　 .,,,ll'ﾞ
　　　　　　　　　　　　　　　　　　..i;l'''

tableのtdの背景色を変えたいんだけど、

<td onMouseOver="this.style.backgroudColor = 'white';">

じゃない？

うん

おしえて

tdにonmouseoverがあるかどうかはチェックしたんだろうな

[ backgroud ] に誰か突っ込めよｗ

そこかよｗ

以下のようなbookmarkletをUserJSとして、ブラウザでどのようなページを開いた場合でも
常に「おはよう」が「こんにちは」に書き換わるようにしたいと思っているのですが、
このbookmarkletの内容をきちんとしたJavaScriptとして記述する方法がわからず困っております。

javascript:document.body.innerHTML=document.body.innerHTML.replace(/おはよう/g,'こんにちは');focus();

自力で書いてみたのですが能力不足のようで、やはり動いてくれません。
window.addEventListener('load',
function (){
document.body.innerHTML=document.body.innerHTML.replace(/おはよう/g,'こんにちは');focus();
}
,false);
どこをどのように記述すればよいのでしょう、どなたか御教授下さい。

>>706
過去レスを読んでないことがわかるNGワード：ご教授

それと、ブックマークレットスレで聞いたほうがいい

何そのいちいちドキュメント全書き換えさせる傍迷惑なUserJSｗｗｗ

>>706
706の環境(使ってるブラウザ)は？
それによって回答も変わる

>>708
書き換えるのは>>706の環境でだけだから迷惑も何も無いだろ

>>707
そうでありますか、ブックマークレットスレも覗いてみることにします。

>>709
WindowsXP , Opera9.02 build8585 といったところです。お願い致します。

>>710
1.ブックマークレットではないのでfocus()は無駄
2.OperaやFirefox(Greasemonkey)の場合日本語はUnicodeエスケープに変換しなければならない
(あ→\u3042のように。アドレス欄にjavascript:alert("使いたい日本語")と打ち
出てきたコードの%を\に置き換える)
3.Operaの場合、>>706のコードを最小限の書き換えで動かしたいなら2を行い、
拡張子を.user.jsではなく.jsで保存

これでどうか。

ミス
×javascript:alert("使いたい日本語")
○javascript:alert(escape("使いたい日本語"))

>>711
教えて頂いた方法で見事に動いてくださいました。
感謝いたします、ありがとうございます。

>>713
良かったな。だが次同じようなことが聞きたいならここでもブックマークレットスレ「でも無く」
お前の使っているOperaのスレにいくこと。
ブラウザに依存するミス(さっきのUnicdoeエスケープ等)の可能性があるし
ちょっとしたコードならある程度JavaScriptの知識があれば
大丈夫だろうからな。そこの奴が暇なら答えるだろ

>>712
×javascript:alert(escape("使いたい日本語"))
○javascript:alert(escape("遣いたい日本語"))

ｶﾞｲｼｭﾂ

>>715
ああ、…tすまんね

715の意味がわからん

美しい日本語

よく考えたら「遣いたい日本語」じゃなく
「使いたい日本語の文字列」だったわ(もっと言えば「使いたい多バイト文字の文字列」だが)
「文字列」を「遣う」はOKなのか？無知だからわからんね

知らない人は答えなくていいよ。

XMLHttpRequestって、UTF-8以外は文字化けする？
つうか、実際にやってみてると、UTF-8以外は文字化けしてる。
ブラウザ側のcharsetに関係なく、UTF-8で受信（出力だけど）すると、
SJISだろうとEUCだろうとデコードなしで出力しても文字化けしない。
（内部的にデコードしてるの？）

>>720
過去ログで散々でた話題だな。

>>720
過去ログで散々でた話題だな。

しまった、失敗して二重に…スマソかた。

>>720
かなり知っているけれど書き方が気に食わない

>>720
>ブラウザ側のcharsetに関係なく

日本語でおk

>>724
かなり知ってることを教えて下さい。

headタグの中で↓のようにしてjsファイルを読み込むのではなく、
<script language="JavaScript" src="hoge.js"></script>

jsファイル内から動的に↓みたいにjsファイルを読み込む方法って
ないですかね。
include("hoge.js");

ちなみに、DHTMLで動的にscriptタグを書いて見た場合、
IEだとできましたが、Mozilla系だと駄目みたいでした。

>>726
お断りです。絶対に答えないのでお引取りください。

>>727
> ちなみに、DHTMLで動的にscriptタグを書いて見た場合、
> IEだとできましたが、Mozilla系だと駄目みたいでした。

出来ます。innerHTMLではなくてDOMを使ってみてください。
Safariに対応するならHEADの子要素にしなければいけないはずです。

「動的」 なのかは微妙なところだなあ。

__proto__というのはIEでは使えないのでしょうか？

>>728
>Safariに対応するならHEADの子要素にしなければいけないはずです。

え？ウソ！
俺、bodyの最後尾に　＜script src=〜　を動的に追加してるけど動いてるよ。

>>731
すまん、Safari1.3の場合

__proto__というのはIEでは使えないのでしょうか？

ttp://www.google.co.jp/search?hl=ja&q=__proto__+IE&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_ja

JavaScript少しやったんだけど、これ、面白いっすね。ぐにゃぐにゃ構造
が気に入った。なんかオブジェクトの海で揺れてる感じ。量子力学の概念
に近いね。

量子力学っていうと、一休さんと和尚さんのアレ?

datﾌｧｲﾙは消えたらまたほかの板でそこを使うんでしょうか

なあ、
<script type="text/javascript" id="hoge" src="test.js"></script>
<script type="text/javascript" id="fuga" src="test.js"></script>
<script type="text/javascript" id="piyo" src="test.js"></script>
で
<script type="text/javascript">
    alert(document.getElementsByTagName('SCRIPT').length)
</script>
ってやると、IE では 3 だけど、Fx と Op だと 1 なのね。 全部最初の要素として扱われる。
でも test.js の中身は 3回実行されるのね。

これなんで？ そういう仕様なんだっけ？
ちょっと思い通りに動かなくて困った。(´･ω･｀)
これに関してだけは IE の仕様が理想だったんだけどｗ
どないしよ・・・。

test.js#hoge
test.js#fuga
test.js#piyo

ではどうか。しらんけど。

>>739
#じゃなくて?だね

>>739
# も ? もだめだったんよ・・・。
ちなみに同じファイルを名前変えてまでしてもダメ、というよくわからない結果に(´･ω･｀)

>>738
>IE では 3
>Fx と Op だと 1

全部作り話だろｗ
負荷かけたら再現するかと思って試したが、どれもが、正しく「4」を返した。

>>742
まじで？ｗ
しかしうそだったらどんなにいいかｗ

検証してくれうひとは、HTML に
<script type="text/javascript" id="hoge" src="a.js"></script>
<script type="text/javascript" id="fuga" src="a.js"></script>
<script type="text/javascript" id="piyo" src="a.js"></script>
<script type="text/javascript" id="tako" src="a.js"></script>
ってかいて、a.js に
var scripts = document.getElementsByTagName('SCRIPT');
alert(scripts.length +" - "+ scripts[ scripts.length - 1 ].id)
って書いて、やってみてくれ。

うちの環境だと Fx で 4回とも 「 1 - hoge 」 なんだよね・・・。

[object Object]ってどっちがどっちのオブジェクトなんでしょうか？

あと、現象は謎だけど、一応解決策でたので書いておきます。

var scripts = document.getElementsByTagName('SCRIPT');
のかわりに
var scripts = [];
var head = document.getElementsByTagName('HEAD')[0];
var child = head.childNodes;
for (var i = child.length; i--;) {
if (child[i].nodeName == 'SCRIPT') scripts[ scripts.length ] = child[i];
}
でいけましたｗ よくわからん orz

onloadで読めばいい

すいません。
JavaScriptでクリックしたらメーラーを立ち上げるようにするにはどう書けば
よいのでしょうか。コード教えてください。

メールソフト入れてない人のことも考えて下さい。

はい。そのときはreturnで何も起きなくしたいです。

フォームに飛ばすほうがいいんじゃないか？

>>728
回答ありがとうございます。
以下のような関数を作ったのですが、
IEでは動きますがFirefoxでは動きません。
これってDOMでやってると思うのですが。

function include(file) {
var str = file + "?" + new Date().getTime();
var elm1 = document.createElement("script");
elm1.src = str;
elm1.language = "JavaScript";
var elm2 = document.getElementsByTagName("head")[0];
elm2.insertBefore(elm1, elm2.firstChild);
}

>>751
elm1.type = 'text/javascript' ;

かな?

>>728
ﾌﾟｯ　真に受けてる（ｗ

>751
動かない最短のソース希望

>>754
IEだと動いて、Firefoxだと動かないソースです。

[index.html]
<html>
<head>
<title>テスト</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript" src="./main.js"></script>
</head>

<body onload="main()">
</body>
</html>

続き

[main.js]
function main() {
dynamicLoad("./test.js");
test();
}

function dynamicLoad(file) {
var str = file + "?" + new Date().getTime();
var elm1 = document.createElement("script");
elm1.src = str;
elm1.language = "JavaScript";
var elm2 = document.getElementsByTagName("head")[0];
elm2.insertBefore(elm1, elm2.firstChild);
}

[test.js]
function test() {
alert("テスト");
}

>>756
JavaScript Console を見れば解決するはずだが……。
IEで動いているのは運がよいだけ。
elm1.addEventListener, elm1.attachEvent, elm1.onload などを使えば解決する。

関係ないが、srcプロパティの値にクエリを付けても、効果ないよ。
仮に、毎回、強制リロードしてくれているとしても、クエリのせいじゃない。
過去に何度か出た話。

ほんとに 「動的」 にやってやがったｗ
それはﾑﾘﾑﾘ。

こんにちは。
eの3乗というのは、「e^3」の式になると思いますが、これをJavaScriptで
出すにはどうすればよいでしょうか？

Math.pow(e,3)

失礼しました。簡単なことでした。無駄スレすいません。

無駄スレ orz

まあ無駄スレやな

ところでpowってなんて読む？

おれ、ポゥッ！

So this is thriller〜♪ thriller night♪pow!

イージードゥダンス！（ポゥ）イージードゥダンス！（ポゥ）
お〜どる君をみてる〜♪（ポゥポゥ）

お前ら面白すぎｗ

<div id="loadImage">

</div>
<a href="javascript:loadImage("01.swf");">Flash01を見る</a>

というDIVの間に、色々なタグを反映させたいのですが、どのようにやれば良いのでしょうか？

具体的には、通常は01.jpgという画像を表示させておき、リンクをクリックすると、01.swfというフラッシュに
差し変わるということをやりたいです。

えっと、Dateクラスではnewつきのまま使えて、Objectクラスではイン
スタンスでなければいけないってのは、どういう理屈でしょうか？

>>768
「innerHTML」 でぐぐるか 「 javascript 初心者」 でぐぐれ

>>769
もちょっと疑問点をｋｗｓｋ

>>755-756
おお！
そんな風に動的にjsを追加できたのか。
おかげでjsデータベースを作成できた。
ｻﾝｸｽ!

jsデータベースｗｗｗｗｗ

>>772
おかしいか？チープでシンプルでグッドだろ。

XMLでええやん

ちなみに>>755-756の方法だと、きちんと読み込めたか、いま読み込み中なのか、
エラーがでて止めてしまったのか、の判断が出来ない
XMLHttpRequestを使ってevalの方がまし

ん、まあでもこれがJSONPって言うクロスドメイン可能な一番ナウくて
トレンディーな技術なんだけどね。使い方次第ってことで。

JSONPについて3行で頼む

ところで、JSONPのPはﾘｽﾌﾟ系の述語関数のsuffixであるPから来てるのかな。

じゃなくてプロコトルのPか。

クロスドメインだと使わざるを得ないけれど、
DoJoが同じドメインでも動的JSロードをしているのは明らかに間違いだと思う

>>778
JSON with Padding

一部のモバイル用OperaだはXMLHttpRequestは使えないけど、動的JSロードは
使えたりする。のでJSONPのほうが対応範囲が広いともいえるかも。

モバイルでJavaScript動くんだ

>>783

>>784

初耳だ

>>772
データベースっーか
シークレットプログラムでした。
つまり検索エンジン側で解析させたくないデータを含む関数などお置いている。
念には念をいれておきたい

Javascriptで、強制的に数値で評価させる方法は？

elem.style.opacity が 0.3 だったとして、
var opacity = elem.style.opacity;
alert(opacity);
opacity = opacity + 0.1;
aelrt(opacity);
なんと、ここで、”０．１０．１”って出るんだよ！。
ようは、数値じゃなく文字列で評価してる。
強制的に数値で評価させる方法は？

>>788
手取り足取り教えてもらってこい
http://pc8.2ch.net/test/read.cgi/hp/1155954169/l50

>>788
elem.style.opacity が文字列だからね
文字列と数値の + 演算は文字列の連結になる

もうちょっと基礎を学んだ方が良い

ふーむ。ありがとうございます。

別スレにわざわざ移行するのもあれなんで、
チョー単純に、答えだけ教えてくれませんか？

「どーやって、数値での評価を強制するんですか？」

eval

>>792
ﾃﾗｷﾓｽ

>>793
ありがとう

ええっと、、、

「教えてよぉ！」

あ、なんかわかった。

よーは、evalの中では強制的に数値なんだ？？

>>446
very thanks

荒れてるなぁｗ

こんばんは。フレーム内のリンク先を一発で2箇所変えたいのですが…
なかなかうまくいきません。
まずフレームはこうなっています。
<frameset rows="160,*" border="0" frameborder="0" framespacing="0">
<frame src="X.html" name="frame3">
<frameset cols="165,*" border="0" frameborder="0" framespacing="0">
<frame src="A.html" name="frame1">
<frame src="B.html" name="frame2">
上にXというメニューバーがあって下が左Aと右Bと別れています。
で、xにあるメニューをクリックすると下の両方のページが変わるようにしたいのです。
Xのタグが
<frame src="A.html" name="frame1" >
<frame src="B.html" name="frame2" >
<a href="JavaScript:parent.frame1.location.href='C.html';JavaScript:parent.frame2.location.href='D.html';">ここ</a>

で、CとDに切り替わることは切り替わるのですが、Xの部分も何か別のもの（なぜか「d.html」と文章ででる）に変わってしまうのです…。Xの部分は切り替えたくはないのですが…。
どこを直したらいいのかお願いします。
IE6.0です。

範囲選択を禁止することはできませんか？
左クリック＋マウス移動で出てくる、あの青い領域です。

コピペを阻害したいわけではなく、
手が滑って、ドラッグに失敗したときに、
無関係の範囲が青色に染まるのがカッコわるいんですよ。

>>799
過去スレで他人がやってる実例を検索すれば答えはすぐ分かるがね。
>>800
onmouseupでselectionをcollapseすれば。これも検索すれば例が
あったと思うよ。
>>792
数値への変換にeval()、ダサイ。

>>801
センスねぇｗｗｗ

JSONPってMIMEタイプ決まってるP

入力欄から来たものを数値に変換するのにeval()使ってると
すごく簡単に任意のJavaScriptコードを実行されちゃうだろ。
まあ他の方法でも頑張ればできることではあるんだけど

eval とか、頑張れば出来るとか…
parseFloat そのまんまだろ。

整数値なら、
parseInt

リファレンス読めよ…

evalの評判知らないってのもねえ

>>804
頑張ればできるというのは「悪意ある攻撃者が任意のWebページの
動作を書き換える」ことを意味していました。でも入力欄を
eval()してたら頑張らなくてもすぐできちゃうじゃんという意味。
>>805
parseInt()は文字列の先頭に「0」があると8進数として解釈
されちゃうという問題があるんだよな。このスレでガイシュツ。
だから洩れは整数でもparseFloat()を勧めている。もちろん
parseInt()に基数指定してもいいんだけど「10」指定してるの
なんて見たことないよな。

789を投稿した者だが、

parseInt(temp)：整数型
parseFloat(temp)：浮動小数点型
http://www.tohoho-web.com/lng/b200006/00060005.htm

でＯＫだろ
単発な処理はたいがい関数があるから、
ＧＧってちょうだい

爺々るってなに？

>>809
突っ込みどころはそこではなく、とほほから引っ張ってきてるということではなかろうか？

とほほのラウンジだからとほほと直接的な関係はないな。
つい脊髄反射してしまった。すまん。

オーバーライドというのは「上書き」ということですよね。
だとしたら、「オーバーライト」ではないのでしょうか。
誤訳ですか？

http://dictionary.goo.ne.jp/search.php?MT=overwrite&jn=overwrite&kind=ej&mode=0
http://dictionary.goo.ne.jp/search.php?MT=override&jn=override&kind=ej&mode=0

>>807
返す結果が違うのに、parseFloatで代替なんて、できるわけないだろ。

"3.1"を評価したら、それぞれ何が帰ってくる？"1e5"はどうだ？

>>814
変換する前に文字列としてのゴミは取り除くのがいいと
思っているのでね。別にそれが嫌で基数指定してparseInt()
というのならそれでもいいけどね。

>>815
＞変換する前に文字列としてのゴミは取り除くのがいい
どういう意味だ？

さっぱりわからん。じゃ、実際オクタルで書いてあったら評価するときに、どうすんだ？
"070"と"080"をオクタルとしてparseIntで評価したのと、parseFloatで評価したのじゃえらい事になるぞ。

例えばデシマルの少数に限ったところで、
"0.3"なんてのは、parseIntじゃ0 に、parseFloatじゃ 0.3 と評価されるんだぜ？
何言ってるのか、さっぱり判らん。

>>810-811
しかしとほほはすごいね
getYear()に潜む2000年問題 New!!
なんてメニューが堂々とある。
ttp://pzxa85.hp.infoseek.co.jp/www/wwwjs.htm
一定期間だけ「New!!」を表示するスクリプトっての教えてやりたいｗ

ひからびた情報に粘着する>>817のほうがすごいよ。

>>816
なんでそんなに喧嘩ごしなのかね。整数を取るのに使うのなら
文字列として数字以外のものが現れる位置「以降を削除」してから
parseFloat()するのと10を指定してparseFloat()するのとは同じでしょ。
同じでないケースがあるのならご教示ください（ｗ

>>819
> 整数を取るのに使うのなら
> 文字列として数字以外のものが現れる位置「以降を削除」してから
どういう意味だ？？？

> parseFloat()するのと10を指定してparseFloat()するのとは同じでしょ。
parseFloatで基数なんて指定できないよ。

> 同じでないケースがあるのならご教示ください（ｗ
いまいち、最初の「以降を削除」ってのがわからんが、"1e5"とかどうすんだ？

「とほほ」で思い出したんですが、とほほにある説明で
object.valueOf()
オブジェクトの基本的な値を得ます。Number オブジェクトの場合は数値を、
String オブジェクトの場合は文字列を、Date オブジェクトの場合は
getTime() で得られる値を返します。

というのは正しいですか？OKの場合簡単な例をご教示ください。

>>817
「Copyright (C) 1996-1999 杜甫々」
ってなってるからケンチャナヨ

>>819
言ってる事、わからんか？

"1e5"なんて、

parseInt( ,8) なら、1
parseInt( ,10)でも、１
parseInt( ,16)なら、485
parseFloat() なら、100000

って評価されるんだぜ？

あ、やっぱいいです。書き方がちょっとことば足らずなだけですね。すんません。

>>823
「e」は数字じゃないのでそれを取り除けばそのケースは起きない
でしょ。「e」「.」を含め、数字でない文字を除外した例
で両者が違う場合を教えてください。もちろんparseInt()では
「,10)」を指定した場合と比較して。

どっちが馬鹿なんだか分からんがスレの無駄遣いやめてくれんかね。

>>825
横槍失礼。123e4という数字の書き方がなんで駄目なの？
浮動小数点を使うなら極めて合理的な書き方だと思うんだけど

int型なのにparseFloatを使うのは正直言って信じられない
読みにくいコード書くなよ

eは、数字じゃない？？？
いや、正直何言ってるのかさっぱりわからんぞ。

16進整数リテラルでは、値を表すのに0-9a-fを使う
浮動小数点リテラルでは、指数部を表記するのにeを使う。

君、なんの話してるわけ？？？

よくわからんが、parseInt(string,10)でいいんじゃないの？
すべての記号を取り除いた上でparseFloatとか意味わかんない。
825は壮絶な馬鹿だな

parseInt(string, 10)でいいんだけど、実際には「,10)」指定
しない例だらけなんだよね。

Number(val)でいいじゃまいｋ

>>831
例って何よ？

どっかの誰かが書いた物には、parseInt(string)しか、書いてないから、"010"とかが来た時に
8進で評価される危険がある。だから、parseIntの代わりに、parseFloatを薦める。

こういう話か？

なんじゃそれ？

横から質問で済みませんが、整数を入れろとだけ書かれている
入力欄に「1e5」と入力されている場合、どれがいいでしょうか。
(1) 黙って「1」として扱う。
(2) 黙って「100000」として扱う。
(3) 警告して入力し直させる。

>>834
2

>>834
当然３番だろ。

指数表記を許すんなら、仮数部と、指数部の２つの入力欄をつくるよ。

もし >>835 説だと黙ってparseFloat()になりますよね。
洩れも(3)だと思うのですが、その場合は文字列チェック
するからパスした後はparseInt(,10)でもparseFloat()でも
Number()でも好きなのでいい、ということになりますよね。
好みとしてはNumber()かなあ…

str*1でいいやんと思った

>>838　論外

(4)「整数を入れろ」という注意書きを改める。
　　「入力可能な値は0〜XXXです。」
　　その上で、少数や指数表記などの入力をはじく処理も行う。

俺ならこれ。

>>837
もし仮数と指数を分けて入力なら「parseFloat(仮数 + 'e' + 指数)」だな。

数字以外の入力をはじく。
加えて、数値のみで当てて警告。

「ボタンを押したら、テキストエリアのlowsを2行にする」、というスクリプトを、
Firefox/1.5.0.6上で書いています。

ボタンの onclick に、

function TextAreaLowsPlus(){
var elm = document.getElementById("ta");
elm.setAttribute("lows", "2");
alert("test");
}

を当てているのですが、Javascriptコンソールにエラーはなく、
また、期待した動作もしてくれません。"ta"はテキストエリアのID。
Alertは確認のため埋め込んでいるのですが、testダイアログは表示されます。
(=通過はしている)

アドバイスをお願いいたします。

ヒント：スペルミス

>>844
ヒントあげ杉

すごく低そう>>lows

elm.setAttribute("rows", "2");
すみません、解決できました。
アドバイスありがとうございます。
死んできます。

setAttributeはIE教には悩ましいね

すません、なんとかしてJavaScriptでなんとかクライアントマシンのIPアドレスをぶっこ抜けないでしょうか？
一応WinXP上IE6を想定しています。

とりあえずググってもそれらしい情報っていうのはすべてWAN側のIPの情報であって目的のものはなかったんですが・・・

検索としては
JavaScript　ローカル　IP
スクリプト　ローカル　IP
を検索してみました。