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

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) ユーザの迷惑になるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) メール欄は空欄にすることを推奨します。(質問者を騙って回答者を煽る迷惑な人がいるようです)
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(*1)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

(*1) Windows ならコピット http://www.umechando.com/software/ を利用すると簡単にコピーできます。

■前スレ
+ JavaScript の質問用スレッド vol.87 +
http://hibari.2ch.net/test/read.cgi/hp/1306557072/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■関連スレ
ECMAScript デス 3
http://hibari.2ch.net/test/read.cgi/tech/1190160481/
Ajaxでも語りませんか Rigel4
http://hibari.2ch.net/test/read.cgi/php/1166751613/
【誰か】jQueryのここがわからない【助けて】
http://hibari.2ch.net/test/read.cgi/tech/1229881548/
1行javascriptプログラミング
http://hibari.2ch.net/test/read.cgi/hp/1066750037/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://hibari.2ch.net/test/read.cgi/tech/1243095768/
Webサイト制作初心者用質問スレ part225
http://hibari.2ch.net/test/read.cgi/hp/1308415898/
CSS初心者スレッド＝10th＝
http://hibari.2ch.net/test/read.cgi/hp/1306489752/
役に立つ書籍は？　4冊目
http://hibari.2ch.net/test/read.cgi/hp/1172823674/

関連スレ

【CSO】Counter-Strike Online Part141
http://toki.2ch.net/test/read.cgi/netgame/1308276444/

【PHP】下らねぇ質問はID出して書き込みやがれ 107
http://hibari.2ch.net/test/read.cgi/php/1307228162/

[PHP][フレームワーク]CodeIgniter Part2
http://hibari.2ch.net/test/read.cgi/php/1299595202/

Google App Engine 3アプ目
http://hibari.2ch.net/test/read.cgi/php/1267094290/

■各種仕様
Standard ECMA-262
http://www.ecma-international.org/publications/standards/ECMA-262.HTM
ECMAScript 3
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
ECMAScript 5.1
http://es5.github.com/
W3C Document Object Model Technical Reports
http://www.w3.org/DOM/DOMTR
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference (和訳)
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
http://jsgt.org/ajax/ref/test/json/test1.htm
Mozilla Gecko DOM Reference, Netscape devedge
http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference (和訳)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript / DHTML (現在日本語版は古杉)
http://msdn.microsoft.com/ja-jp/library/z688wt03%28VS.80%29.aspx
http://msdn.microsoft.com/ja-jp/library/cc409720.aspx

勝手にテンプレ変えて何がしたいんだろう？

なぜにPHPが関連スレ？

削除依頼出すべきじゃね？

てｓｔ

立て直しかな？誰か頼む

ごめん俺も駄目だった

誰か立てるなら立てて

■主要FAQ (全部は http://fiddle.jshell.net/vSqKr/24/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　 グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。

LVが足りないとかで立てられなかった

俺も

今日あたりレベルが10になるが重複スレを建てるべきか悩むので俺はパスさせてもらうぜ・・・
恨むなら>>1をうらんでね

今テンプレ論議をしておくべきじゃないんですかね。勝手に改変した
人は勝手に改変したのであって、合意あってしたことではないという
ことを確認しておけば次戻せるでしょ。で。洩れの理解では

>>1 → FAQ >>11 → 関連 >>2 (>>3は合意なし) → >>4

これでFA？

削除依頼だしても削除されないと思うしそのまま利用すべきじゃないんかね。
テンプレに関しては次建てる時にって感じで。

よくあるjqueryのイメージスライダー、例えばjCarousel
http://sorgalla.com/projects/jcarousel/examples/static_simple.html
とかは、みんな<li>要素で動作する。

インライン要素で動くスクリプトってないのかな。↓みたいなhtmlで動くやつ。

<p id="slider_trigger">
<span><img src="image1" /></span>
<span><img src="image2" /></span>
<span><img src="image3" /></span>
<span><img src="image4" /></span>
</p>

jCarouselを改造したら、IE6で動かなくなったぜ。

関連スレにネトゲとか削除だろｊｋ

忍者じゃ！忍者のしわざじゃ！

解決したぜ。スレ汚しスマンのう。

解決したら回答書いてけ厨が出現しちゃうぞ

書いてけ！書いてけ！さっさと書いてけ！

質問する以上は貢献する気持ちも持とうぜ

偽者の可能性もあるし、検索に引っかかった場合のことを考えれば

ID出してない以上、そういうリスクもあるんだから気にスンナ

マナー違反だったか。すまんのう。

解決というと恥ずかしいんだが、該当する.js内のトリガになっとるタグを置き換えただけだ。
<ul> → <p>
<li> → <span>
これだけ。
元のサンプルは<ul>の幅をpx固定していたから、これを可変幅にしたくて
css内のwidthの記述を削除したらIE6でエラー（スライドしない）が出たってワケ。

じゃあと思って<ul>の幅を%指定にするとスライド幅がおかしくなったから、
javascriptによって挿入される<div>（<ul>のコンテナ的役割）の幅を指定したら上手くいった。
完璧じゃないけどな。

●画像
●画像
●画像
●画像
●画像

ってのがダサすぎて嫌だったんだよ。まあ自己満足だよね。

alert(1);で表示されるウィンドウにCSSを適用する方法ってありませんか？

これはまた難解な・・・

ああ、わかった。
答えはshowModalDialogだな。

alertに独自関数を突っ込めばあるいは…

アラート風のものを自分でこしらえるんではだめなのか？

<alert style="border:1px solid #000">

擬似ダイアログ出せるライブラリがどっかにあるだろう

<div role="alertdialog"></div>

Web上の同階層や下階層にある指定ファイルの有無をJavaScriptで取得することはできますか？

xhrのステータス

javascriptの勉強をするときはMDCだけ見ておけばIE、Operan,safari,Chromeにも対応できますか？

>>37
No.

MDCはみないことにします
ありがとうございました

MDCとMSDN見とけばだいたいおｋ

関数の引数が特定の型を要求する場合
関数内で引数の型をチェックしたり型変換を試みたりするコードを入れておくものですか？どう書けばいいですか？

>>40
それ見ててもsafariには通用しないんじゃ

>>37,39
何でそうなんのかな
ここだけを見ればいいページはないから君の論理だと見るところがなくなる
ECMAScriptとDOMだけを見ろといってそれらを実装していないブラウザ(主にIE)は他のページも見なきゃいけないでしょ？

XHRのリクエストでXMLを受け取るのですが、一部のブラウザ(safari/opera)でキャッシュできません。
レスポンスにはキャッシュ関連のヘッダを追加していて(Expires/Cache-Control)
その他の主なブラウザではキャッシュされます。
リソースのURLに日本語(URLエンコード)が含まれているのでその辺を疑ってるのですが
特定できずにいます。何か原因は考えられますか？
※ブラウザのキャッシュは有効になっています

原因：コードを晒さないこと

そういやここ使うってことでいいのか？

>>41
ケースバイケースではあるけど、色んなとこから呼び出されるもの(ユーティリティ関数とか)は割としっかりやるかな。
プライベートメソッドとか呼び出す箇所が少ないものは省略することも多い。

引数の型チェックに引っかかったらそのままリターンするか例外を投げるかも大事。
自分で投げなくてもブラウザが投げて処理は停止するけど、自分で適切な例外を投げた方がデバッグしやすい。

>>45
普通はキャッシュされるよって意味？

>>46
立てられる人がいないから仕方なく使っている状況
立てられる人がいるならそっちに移ると思うが

>>46 >>49
重複スレ争いとか削除依頼合戦とかうんざりなんで、この1スレの
間は皆で勝手なことした奴を呪いながら進行するということで
いかが。おい、聞いてるか >>1。

まあ、FAQを指したければ >>11 にあるということではあるんで。

>>41
型変換で対応することが多いかな
大体は似たようなECMAのメソッドに合わせてる

まぁ速攻で流せばいいよ
元々流れ早いしさらっと使って次で問題ない
というわけで我慢しようず

後ろから4文字削除したいのですが

文字列の文字数をlengthで取り出す
↓
その数-4する
↓
0番目からそのｰ4した部分まで文字列を取り出す

とやってるんですが、どーも効率が悪い気がするんですが他にaiueo...wをaiueoにする方法とかないでしょうか？

str.slice(0,-4)

おまえらって簡単な質問には答えるのにちょっと難しいとコード作成依頼乙とか言うよな

難しいんじゃなくてめんどくさいケースが多い

こんな限られたスペースで実行確認＆解説なんかやってられるか

動作する（問題が起こる）最小のサンプルコードが貼られていると
多少テンプレからはずれていても回答が得られやすいと思う
それでもサンプルコードをベースに加工するだけでは済まないくらい手を加えないといけないほど不十分な場合はスルーされやすい
理由はたぶん>>57

私はそれについての素晴らしい回答を発見したが、余白が足りない

JavaScriptしかサンプルが貼られてない
→HTMLを想像して書かなきゃならない
→HTMLを想像で書いたら再現しない
→すいません、実際のコードは〜です
→以下ループ

こういうのがよくあるから敬遠しがち
サンプルコードが一式揃っていれば検証する気にもなるんだけどね
あとブラウザ書かれてなくて主要ブラウザ全てをこっちに確認させるのとか
質問者がめんどくさいのはわかるが、こっちに面倒を押し付けられても困る

for(i=0;i<1000000;i++){
　　str = 'aiueo...w';
　　　　　　　　　　　　　　　　　　　　　　　　//Firefox4, IE8
　　//str = str.substring(0,str.length-4);//70ms, 1800ms
　　//str = str.substr(0,str.length-4);　//70ms, 1800ms
　　//str = str.slice(0,-4);　　　　　　　//150ms, 1550ms
　　//str = str.replace(/....$/, '');　　　//400ms, 3600ms
}

>>62
substrの使い方間違えてるのと正規表現リテラルを外に出せ

window.open("");で新しいタブが開きますが
新しいウィンドウを開く方法はございませんか？

>>55
ありがとうございます、やっぱり便利な関数あったんですね
javascriptは広大です

showModalDialogとか？といってもこれもタブで開くウィンドウで開くかは環境次第だから
そもそもウィンドウじゃなきゃダメという仕様の見直しを

マクロ用としてウィンドウを分けたいんです
たまにそういうページを見かけたのですがurlをメモしてないのでソースコードを見ることも出来ません

>>63
>正規表現リテラルを外に出せ

replace(/.../, '');
こう書いちゃダメなの？ECMAScript的に？

>>68
ベンチのとり方の問題、単純に比較条件が同じでない
Firefox3なら正規表現リテラルがstaticだからブラウザ比較もフェアでなくなる

あ、なるほど。サンクス

なるほどなー

<body onload="common();">
<DIV>
<DIV id="box1"></DIV> ←この場合onmousedownを入れたくない
</DIV>
</body>

<body onload="common();">
<DIV id="container">
<DIV id="box1"></DIV> ←この場合のみonmousedownを入れたい
</DIV>
</body>
id:#containerのなかにあるid:#box1のエレメントをcommonから取得し、編集したいのですが
可能でしょうか(IE/Firefox/opera/chrome)

id指定は1箇所がデフォ
style共有したいならclass使いなさい

おまいらもっとコード共有サービス使ってくれ。
HTMLとか読みにくくてしゃーない

>>73
私が作ったHTMLならそうするんですが、みんなルール通りに作ってくれる人たちばっかりじゃなくてorz

var element = document.getElementById("box1");
if(element.parentNode.id = "container")
{
setonmousedown(obj);
}
コレだとIDが2個あった場合動かないよね・・・orz

>>72
それページ違うから各ページに１つじゃね？
それならdocument.querySelector("#container #box1")で下のHTMLだけ要素を抽出できる。
idは絶対に１つで統一させろ。

>>76
jquery使わなくてもそんな検索できるんですね
使って見ますどもです！

ほんと・・・私も統一して欲しいんですがorz

>>75
それはルールの方を徹底させるべきだと思うけどねぇ
別ページなら規約違反じゃないから>>76が使える
idセレクタは最初の要素を基準にするから1ページに同じidの要素ごあるなら期待通りに動作しないはず
属性セレクタで解決できるけど効率が恐ろしく悪いからお勧めしない
コーディング規約は大事だよ

>>47,52
どうもありがとうございます

document.querySelectorはMDCのどこのページにあるかおしえてください

>>80
querySelector mdc でぐぐる

queryCerectorてモダンブラウザだけじゃなかったっけか

どこまでがモダンブラウザ？

その前にモダンブラウザって何？IE,Firefox,Opera,Chrome,safariしか聞いたことないんだけど

プログラミング覚えてからマトリックス見ると凄く面白い

>>74
コードはスレに残ったほうがいいんじゃないの

過去ログに消えたら読めないじゃん
ごく一部のひとぐらいだからね●使うのは

スレで見れたほうがいいな。
過去ログ保存するサービスもあるから大丈夫でしょ。

一人で何役も演じれるから議論するのも無駄かと思うので好きなようにやればいい

>>72
バブリングを利用すればID重複していても問題ない

ID重複の問題なのこれ？

>>74
HTMLがヘタクソ過ぎるだけ

ページのURLをハッシュ化して
<html id="AE9102819.....">のようにIDを埋め込んでおけば
ページごとのスタイルを書ける、てのがあったな、とふと

ID重複したらvalidでないHTMLになるでしょ。将来さまざまなプラットフォーム
が出て来たときにvalidでないとどんなデメリットあるか分からないのにそれを
直したくないから今適当に済ませるとかリスク大きすぎと思うけど。
それも自分の選択だけどそんなものアドバイスしてくれる人は限られている。

>>75読むとid重複してるように読める
こういうすれ違いはコード共有サイト使えばなくなるから積極的に利用してほしいな

>>94
ID重複は別に本質的な問題じゃない

過去ログにあると思うが、ID重複はcloneNodeであっさり生じる
なら"valid"とはどの時点での、何に依拠する"valid"か
そして、それとイベントフローとは何の関係もない

ttp://d.hatena.ne.jp/amachang/20061201/1164986067
ttp://d.hatena.ne.jp/shogo4405/20070206/1170741017
これらは同じ結果ですか？ともにdeferには未対応？

>>97
cloneNodeで生じても、速やかにそれを解消するコードを書かなきゃいけないんじゃないの？

@srcがなければ@deferも@asyncも書けない
@srcがあって@asyncがあれば非同期取得＆実行
@srcがあって@deferがあればページ構築後に実行
@srcがあって@asyncも@deferもなければその場で取得＆実行

脱線だが、例文がHTMLレベルで書けてない(invalid)にもかかわらず
この手の内容モデル・ツリー構造のミスが指摘・修正されることはまずない
イベントフローにもろ影響する、IDなんぞより大きい問題なんだがな

>>99
もちろんだ
だがフラグメントの子孫を辿って子孫のID修正してるコードなんか
ほとんど見たことない

質問の趣旨から外れるけど、ID重複の指摘ぐらいはあってもいいんじゃない？

>>101
「見たことがない=やっていい」ではないと思うけど…
イベントフローの話しかしちゃいけないわけでもないし

cloneNode使ってる実例自体をほとんど見たことないんだけど、
JavaScriptのみで同じような部品を複数生成する場合、cloneNodeを使うメリットってあんまり無いよね？

function class(){
this.method1=1;
this.method2=2;
}
obj=new class();
alert(obj.method1);


obj=new class(100);って書いてこの100をthis.method1に代入する方法を伝授してください

>>103
「やっていい」と言った覚えはない、意見の捏造は止めてくれ
ID重複にしろ変な木構造にしろ、イベント設置側からはどうすることもできない場合がある
バブリングを利用すれば、そうした問題をひとまとめに、とりあえず後回しにして考えられる
まさに>>75の抱えている問題そのものだろ

DOM Level 3にはdocument.strictErrorCheckingとdocument.continuousValidityCheckingがある
if(node.canAppendChild(child)) node.appendChild(child);のように常時妥当性検証する
ID重複もチェックするはずで、強行してエラーになれば"error-handler"が呼ばれる

Firefox4で廃止されたstrictErrorCheckingってのはこれのことな
Webはこれを使わない、つまりエラーをなるべく許容する方向にいったわけだ
ならこっちも通常処理と例外処理をまとめて扱えるようにしといた方がいいだろ？

なんでエラーを許容するかと言えば前方互換性の問題がある
ここでIDが結構厄介なんだが、スレ違いなのでこれ以上書かない

>>106
あなたの意図がわかりにくかっただけ
>>97や>>101の結論づけだと>>75を擁護しているように読めて気持ち悪い
本当は「イベントフローと関係ないから〜だ」という意見があるわけでしょ？
「関係ない」で終わってるとその後に来るべき結論は読み手によってどうとでも解釈できる
「ID重複すべきではないが、イベントフローと関係ない」ならまず誤解は生じなかった
要するに何を否定したいのかがよくわからんのよ
「イベントフローと関係ない」なんて周知の事実でしょ？
事実だけ羅列して「後は自由に読み取れ」てことなら誤解されることも予想すべきだと思う

>>105に答えてやってから議論しててくれ

>>104
ループ処理で毎度ノードを生成する時、cloneNode の方がパフォーマンスがいい
その時、IDも重複するなら当然変えるべきだろう
子孫にわたってID変更するのは勿論だけど、何処に何の要素があるかは決まっているから cloneNode するわけで変えるべき要素も決まっているはず
だからそれほど難しい変更じゃない

「見たことがない」とか悪例を挙げるのは意味がない行為だと思う
悪例があるならそれをどうすれば改善されるかをアドバイスする方がもっと重要なはずだ

function class(){
this.method1=(0<arguments.length)?arguments[0]:1;
this.method2=2;
}
obj=new class(100);
alert(obj.method1);

>>105はたぶん説明不足だからスルーされてる
一応書いてみたけどこういう意図なのかどうかわからないから
どういう意図なのかとかコード以外の部分まで考えたのに
そういう意味じゃありませんとか言われたら凹む
から俺もスルーしたい

>>105
classは予約語だから名前を変える

function _class (num) { if (arguments.length > 0) { this.method1 = num; } }
_class.prototype = {method1:1, method2:2};
obj = new _class(100);
alert(obj.method1);

>>110
悩んだ経験のない奴に、それについてのアドバイスは理解できない

class A
{
public $method1;
function __construct($n){
$this->method1 = $n;
}

public function view(){
return $this->method1;
}
}

$obj = new A(100);
echo $obj->view();

PHPで書くとこういう事がやりたいのです

>>111>>112
ありがとうございます

>>108
ID重複はお前さんのように白黒はっきりできる話じゃないんだよ
ある時点、ある段階でvalidityが決まる、そしてDOMはその境界にまたがる
だから「価値判断」は曖昧にして「事実と対処」のみを話していたわけで
その辺は汲み取ってほしかったがな

　　　　　　　　　　　　 ／）
　　　　　　　　　　　／／／）
　　　　　　　　　 ／,.=ﾞ''"／
　　　／　　　　 i f　,.r='"-‐'つ＿＿＿_　　　こまけぇこたぁいいんだよ！！
　　/　　　　　 /　　　_,.-‐'~／⌒　　⌒＼
　　　　／　 　,i　　　,二ﾆ⊃（ ●）.　（●）＼
　　　/　 　　ﾉ　　　 ilﾞフ::::::⌒（__人__）⌒::::: ＼
　　　　　　,ｲ｢ﾄ､　　,!,!|　　　　　|r┬-|　　　　　|
　　　　　/　iﾄヾヽ_/ｨ"＼ 　　 　 `ー'´ 　 　 ／

そんな小難しい話をするような問題かな

>>75 http://jsfiddle.net/Z6vGL/1/
>>76 http://jsfiddle.net/Z6vGL/2/
>>90 http://jsfiddle.net/Z6vGL/3/

a = parseInt("123,45",10);
これが12345にならず123になってしまいます
.じゃないのに,も小数点として扱われるのでしょうか？
12345にする方法を教えてください

このスレは話を小難しくしたい奴が多いからな。ある程度は仕方ない。

cloneNodeした要素をDOMツリーに挿入した時点でID重複が生じるならそれはvalidではないHTMLである
白黒はっきりしてると思うけど違うの？

>>119
parseIntの挙動を理解すべき。

>>119
れｐぁせ

<td class="area">
<span>1</span>
<span>2</span>
<span>3</span>
</td>


tdのareaクラス内のspanのテキスト部分を３つ取得したいのですが
document.querySelector(".area")ここからがわかりません
どなたかご教示おねがいします

>>103,106は「ID重複を避けられないパターンがある」といってるみたいだけど本当にそう？
element.querySelectorAll('[id]'); で要素を抽出してID書き換えれば済むような簡単な話に読めるけど

挿入してなかったら、ID が重複してても標準仕様的には大丈夫なんでしょうか

ごめん、>>125のレスアンカーは>>101,106の間違いだった

>>126
「ID が重複してはいけない」は XML または HTML の規定から来ています。
http://w4ard.eplusx.net/translation/W3C/REC-xml-20081126/#sec-attribute-types
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
http://www.whatwg.org/specs/web-apps/current-work/multipage/elements.html#the-id-attribute

CSS や JavaScript にID重複禁止の規定はありませんが、(X)HTML文書がID重複しないことを前提に仕様が規定されています。

例えば、DOM Level 2 Core 規定の getElementById には "複数の要素がこのIDをもつ場合には，その振る舞いは定義されない。" とあります。
ID が重複しているHTML文書における getElementById はどのような挙動になるかわかりません。
ひょっとしたら何も返さない実装(ブラウザ)があるかもしれませんが、その振る舞いは DOM 規定に反していません。
ですので、DOM Level 2 Core 仕様に準ずるならば意図的に ID を重複させるHTML文書に対して getElementById を使用すべきではないことになります。
http://www.y-adagio.com/public/standards/tr_dom2_core/core.html#ID-getElBId

HTML文書を JavaScript が扱うDOMオブジェクトであらわすと [object HTMLDocument] に相当します。
HTML に準拠しなければならないのは [object HTMLDocument] だけですので [object HTMLDocument] に挿入されていないノードに関しては ID が重複していても問題ありません。
また、複数の [object HTMLDocument] が存在する場合にもそれぞれの [object HTMLDocument] の中でIDが重複しなければ問題ありません。

質問と回答以外は黙っててくれないかな

>>128
ありがとうございます

ようやく収束したかな

>>119
a = parseInt("123,45".replace(/,/g, ''), 10); // カンマを取り除けば問題ない

>>128
なんかいろいろ違う

124も念のためお願いします

>>124
document.querySelectorAll(".area>span") をforループで回してelement.dataを参照

>>132
詳しく

>>134
皆あきてるし長くなるから無理

否定するだけで何も言わない人はかなり迷惑

書けば書いたでイミフだの長文うざいだの言われるからな

>>137
俺はイミフとか長文うざいとか言わないから書いてよ

ここから>>1000まで多数決

>>134
element.firstChild.dataじゃないか？

>>137
内容にもよるが長文NGってわけでもないと思う
要点をまとめて長文になるのは仕方ない

うざす

回答は一段落したしいいんじゃない？
違うなら違うで書いてほしい

むしろ書かないことでイミフになる件ｗ

えーと、あれだ
あきらめたらそこで試合終了だよ

仕様を心行くまで語るスレでも作っとけ

典型的なダメ出し君であった。

間違いにNOと言えない日本人

ここまで俺の自演

for(vari i=0; i<3; i++) {
query = document.querySelectorAll(".area>span");
query.firstChild.data
}
こうしてみたのですができませんでした

>>148
Noooooo!!!

Ajaxでテキストログの状況を確認しても
IE9の場合、最初に開いた時の状態しか出てきませぬ
そのテキストファイルを開いてF5とか押して更新確認してから、Ajaxをまた実行すれば最新の状態が出てくるのですが
何かいい対処法がないでしょうか？

<html>
<head>
<title>aaa</title>
</head>
<body>
<div>
<span>a</span>
<span>b</span>
<span>c</span>
</div>
</body>
</html>
javascript:l=document.querySelectorAll('div span');for(var i=0;i<l<length;i++)alert(l[i].firstChild.nodeValue);
やってみたのですが間違ってる箇所をご指摘ください

まとめサイトを掲示板とかコメント投稿機能付きのWikiとかにして
脱線する場合は相手をそっちに誘ってそこで心行くまで語り合うというのはどうか
ついでにテンプレ議論もそっちでやってほしい
IP表示にでもして

自演が出来ちゃうから議論するときはIP出して欲しいね

id出すのは構わないのだが、議論の相手がidなしではこちらだけ複数の相手から対象になるのでやりにくい
お互いにidを出す合意があればいいんだがなあ
idを出す板に移動できないものか

>>151
キャッシュが原因
IEとサファリはAjaxで引き出したものもキャッシュする
テキストなら
var i=0;
呼び出すテキストのURL
"hoge.txt?fuge="+i
i++
とでもしとき、そうすれば被らない

地震があるならはてなの匿名ブログでやりゃあいいよ

>>151
今手元に試料がないのでうろ覚えだが、IEはif-modifiedなんとかを指定して回避できたと思う
XHRの仕様にも説明があったはず

>>156>>158
いろいろ対処法あるんですなー
とりあえずmetaとかでダメだったんで確実性の為に>>156でやってみます

>>159
metaじゃなくてHTTPヘッダに指定するんだ
metaはヘッダの代用に過ぎない
http://vird2002.s8.xrea.com/javascript/XMLHttpRequest.html#XMLHttpRequest_Cache-Control

>>160
なんと！
わざわざありがとうございますッッ！！

>>128
| 名前"ID"をもつ属性は，ID型ではない

schema-determined ID, DTD-determined ID, externally-determined ID
XPath 1.0の5.2.1節、(Web)DOM Coreの5.6節(Editor's note)

document.evaluate('id("HOGE GEHO")', df, null, 7, null)は
フラグメントdfに含まれるIDを識別すべきか
df.querySelector('#HOGE, #GEHO')はどうか

// @xml:idと@idが両記されているXHTML5(SVG埋め込み)はどちらを使うか
// getElementByIdはxsd:IDである(属性ではなく)要素を識別できるか

chromeでデバッグしてるんだけど、サーバーに挙げたjsファイルがブラウザ側でキャッシュ使われるみたいなんだけど、
何かいい回避方法ないかな？

ちょっと前に書いてあるだろ

キャッシュクリアしとけばいいだろ

ノードリストやノードスナップショットに配列のメソッドを使いたい場合は
ノードリストをループで回してノードを順に配列に入れ直すんですか？

>>167
こんな感じ?

var nodeList = element.childNodes,
len = nodeList.length;
while (len) {
len -= 1;
// 何らかの処理
}

Array.prototype.forEach.call(element.childNodes, function (value, index, array) {
// 何らかの処理
});

Array.prototype.slice.call(element.childNodes).forEach(function (value, index, array) {
// 何らかの処理
});

どうもありがとうございます
配列のメソッドをapplyやcallを使ってノードリストから呼び出す方法が一般的ってことですか？

重複せずにランダムで広告を表示させるスクリプトを作ってるんですが、jsの中のjsを実行しようとするとエラーになってしまいます。

【やりたい事：jsの中のjsを実行させたい】
----------------------------------------------------------------------------------------------
<html><head>
<script type="text/javascript" src="http://azlink.sakuratan.biz/js/widget2.min.js"></script>
<script type="text/javascript">
var randObjects=[
'<script type="text/javascript">AZlink.Widget2.sidebar({associateId: 'datweb04-22',node: 'bestsellers/books/10667111',numItems: 10,imageFlags: [ 'AA220', 'CR30,10,160,200' ]});</script>',
'表示2',
];
function randWrite() {
var rr = parseInt(Math.random() * randObjects.length);
document.write(randObjects.slice(rr,rr+1)[0]);
randObjects.splice(rr,rr+1);
}
</script>
</head><body>

<script type="text/javascript">randWrite()</script><br><br>
<script type="text/javascript">randWrite()</script><br><br>

</body></html>
----------------------------------------------------------------------------------------------

どなたか教えてください。

jsの中のjsを実行させたい
日本語でおｋ

a.html
<script src="a.js"></script>

a.js
document.write('<script src="b.js"></script>');

b.js
document.write('Hello World');

こういうことじゃねーの？

>>170
実装は様々考えられるけど、基本的にはFunctionオブジェクトで持つのが普通だよ。
今のコードの延長で考えるなら、例えばこんな風に別の関数でラップして持っておいて
var randObjects = [ function(){ AZlink.Widget2.sidebar({...}) } ];
randObjects[0](); // 関数呼び出し

>>169
用語を使い分けているから知ってると思うが
ノードリストの増減があるときはArrayメソッドをcallで使えない
sliceなり__iterator__なりでいったんスナップショットにする必要がある
どっちが一般的とかではなく、使い分けろ

できの悪いライブラリだとforEachでSparseArrayを扱えないからそれも注意な

>>156でsafariのキャッシュのことが出てるけど
自分の方では逆にキャッシュを利用したいのにうまくいかず困っています。
以下は同じファイルに3回リクエストする簡易な例です

var xhr = new XMLHttpRequest(), cnt = 0, flag = true;
xhr.onreadystatechange = function() {
if (4 === xhr.readyState && 200 === xhr.status) {
console.log("success - " + xhr.responseText);
}
flag = true;
};

(続き)※本文が長すぎるとかで投稿できないので小分けに・・
var t = setInterval(function(){
if (flag) {
xhr.open("GET","hoge.txt",true);
xhr.send("");
flag = false;
if (++cnt >= 3) { clearInterval(t); }
}
},1000);

ブラウザの挙動はこんな感じです(windows版safari5)

HTTPクライアントなんだからIf-None-MatchとかIf-Modified-Sinceぐらい使えよ
あと304は200に変換されるからな

数字だけじゃなくて名前でもアクセスできる配列というか
プロパティの並び順が決まっているオブジェクトというか
そういうものって作れますか？どうやればいいですか

[{hoge:foo}, {piyo:bar}, {fuga:baz}]
配列とオブジェクトを入れ子にしても名前でアクセスするには配列の番号を知っていないといけないし

>>178
var index = {hoge: 0, piyo: 1, fuga: 2}; // インデックスを作っておくとか

>>178
a = [
{
"a":"1111111111",
"b":"2222222222",
}
,
{
"a":"333333333333333",
"b":"444444444444444",
}
];

alert(a[0].a);
alert(a[0].b);
alert(a[1].a);
alert(a[2].b);

>>178
javascript:a = [{"a":"1111111111","b":"2222222222",},{"a":"333333333333333","b":"444444444444444",}];alert(a[0].a);alert(a[0].b);alert(a[1].a);alert(a[1].b);

var src = [{name:hoge, value:foo}, {name:piyo, value:bar}, {name:fuga, value:baz}];
var dst = [ ];
src.forEach(function(o) { this[i]=this[o.name]=o.value; }, dst);

>>178
hensu = function.prototype.a(){}

hensu.a() = "aaaaa";
hensu.b() = "bbbbbb";
hensu.c() = "ccccc";

>>179-183
レスどうもありがとうございます

すみません具体的には
var a = {hoge: "foo", piyo: "bar", fuga: "baz"};
↑これの並び順が配列のように決まっていて
a.length = 2;
とすると{hoge: "foo", piyo: "bar"}になったり
var b = a.splice(piyo, 1);
a.unshift(b[0]);またはa.unshift(b["piyo"]);
とすると{piyo: "bar", hoge: "foo", fuga: "baz"}になったり
みたいな
そういう操作がしたいです
>>179-183のどの方法でできますか？

どの方法でできるかは試せばわかりますよね

>>184
プロパティに順番はないから
どんな手段でアクセスするかによって順番は変わる

自前でコンストラクタ作らないと無理と思う

連続投稿で排除されてしまい続きが書けませんでした。
safariからのリクエストヘッダに自動でキャッシュを無効にするヘッダがついてしまい
そのことを説明したかったんですが、単にwebインスペクタ(開発ツール)でヘッダを見ていたせいでした。
(トラッキングのためにあえて付加されていた)
その後解決しています。

>>184
どこで順番を判断するの？
for-in なら実装依存だよ
length のところは setDefineProperty が必要かな

Object.defineProperty だった

<HTML>
<BODY onload="Main();">
</BODY>
<DIV ID="ImgList"></DIV>
</HTML>


1個2M~3Mくらいの画像を20個表示させようと思っています。
1個1個表示させたいのですが、全ての画像が一度に表示されてしまいます。
なぜでしょうか・・・またどうやったら回避できますか？

function Main()
{
var element= document.getElementById("ImgList");
var img_name_default="img";
var img_name="";
for(var i=1;i<20;i++)
{
img_name=img_name_default+setZero(i)+".jpg";
element.innerHTML+="<img src='"img_name"'><br clear>";
}
}
function setZero(number)
{
var ret="";
if(number < 100)
ret+=0;
if(number < 10)
ret+=0;
ret+=number;
return ret;
}

>>191
なぜか: 貴方の脳内勝手仕様が現実と違っているから。Main()を
実行するとすべてのimg要素がImgListの中に入る。JavaScriptを
実行中はブラウザは他のことを何もしないので、順番に入れようが
どうしようが関係ない。Main()が終るとブラウザは表示すべき
img要素が沢山あると知り、全部ロードしはじめる。それだけ。

回避方法: 1つのイメージをロードし、その完了を待って次の
イメージをロードし、のように自分で組むしかない。

>>193
なるほど
それでいっきに表示されていたんですね
それにしても終わってからロードする時ってどうやったら・・・
なかなか難しいプログラムになりそうですねorz

>>194
「JavaScript 画像 ロード 完了」とかでぐぐる。単にいまループで
全部やってるのを1回ずつに分けてやるだけでしょ？

JS切ると何も表示されないアホな設計から見直せ
例えばaのリンクにしておけば好きな画像から見れる
JSが動くなら順次imgに変換してonloadで次の画像を読み込む
それすらできないレベルならJS使わずにHTMLだけちゃんと書いとけ

>>194
BODYの外にDIV置かない方がいいよ

>>195　ありがとうございます　調べてみます
>>196　初心者ですみませんがAタグをIMGタグに変換するなんて事が出来るなんて知りませんでした
自分で少し試して見たいと思います。やり方教えて頂きありがとう御座います。
>>197　了解

iframeで、開いたリンクを実行した場合、iframeの枠の中だけで新しいページに移動します。
jquery.jsの
$("#target_load").load("hello.html");
を使うと、親ページ全体が書き換わってしまいます。
一部だけ更新できるように出来ないでしょうか？

jqueryを使わなければいいんじゃないの

特定のdiv要素だけをリロードさせることってどうすればできますか？

値をreturnする関数で、返す値がない場合、
「return null;」なのか「return false;」なのか、何を返せばいいんでしょうか
「return;」でもいいんですか？
通常返す値が文字列なら「return "";」、通常返す値が配列なら「return [];」、みたいに、
通常の値の型と同じ型の空を返すんですか？
場合によって使い分けるとかですか？使い分け方を教えてください

>>202
その帰った値をどう利用するかで変わる。
return trueが別の場所にあるなら対としてreturn false;
return 数字ならreturn 0かnull
文字列なら "" か null
ちなみに、return;だとundefinedが帰るよ。各型特有のメソッドを使用する際は注意しないとエラー出るよ。
if(result)で使うなら、空の配列[]やオブジェクト{}はtrueになるからそこらへんはコードで判断してね。

>>203
レスどうもありがとうございます
> if(result)で使うなら、空の配列[]やオブジェクト{}はtrueになるから
このへんよくうっかりしてしまいます
よく注意して使い分けたいと思います
ありがとうございました

男が関数で文字列を返すのは恥と知るべき。
全部エラーオブジェクトのメッセージとして投げるに尽きる。

>>206
なんでやねん

　 　 _, ,_ 　ﾊﾟｰﾝ
　（　‘д‘）
　　⊂彡☆))Д´） >>206

JSDoc書けない男はコンドームをつけないのと等しい

>>207
叩くなっ！！！！！！！！！！！！！！

>>206
安易な再帰はスタックを食い潰すぞ。

jQueryなんて女子供のおもちゃじゃ！

jqueryをバカにするなっ！！！！！！！！！！！！！！！！！！

newを使う男は早漏よね

ｱｯｰｰｰ
ちょっと鍛えてくる

>>211
Dojoかprototypeですよねー

ライブラリを使う男はいいかげん

>>201
不可能

>>201
何番目のdivか数えて書き換えればおｋ

>>215
dojoは開発初期からes仕様を読み込んでた感じで漢だったぜー
prototypeやjqueryは、js触り立ての素人さんが勢いで作った感じ
それをまた素人がもてはやすから、今になって設計ミスがぽろぽろ出てきたなーと

設計ミスもなにも、言語自体が設計ミスの塊なんだから仕方ないだろｗ
その上で、設計どころか常識が狂ってるあのIEに対応させようとすれば、
どんなライブラリだって「一部に目を瞑って実用レベル」か「作者の趣味で役に立たない」か
どちらかにしかならん。

JavaScriptを手っ取り早く勉強する方法を教えてください
こう書いたらこう動くってのは本見て分かるけど、
こんな感じにしたいって時にどれをどう応用したらいいのか分かりません・・・

その「こんな感じ」をググれ
本を読むよりソース組みまくった方が勉強になる

「手っ取り早く」「勉強する」←この２つが既に矛盾してる。
学問に王道なし。

別に矛盾してないだろ

自分で試行錯誤もしない奴は結局何も作れんよ。
人に手っ取り早く教えてもらえるプログラムなら、そんなもん自分で作る意味ないし。
そいつの作ったやつそのまま使えばいい。

日本の学校で言う「勉強」には近道があるな。手っ取り早く誰かから
答えを聞き出すか、どこかから答えを丸写ししてくるのが日本式の勉強だからｗ

その結果、自分で答えを作り出さなきゃならん場合に何も役に立たない人間が出来上がる。

手っ取り早く教えてアニキ
文字列リテラルの変数展開ってもしやできない？
Rubyで言うところの#{hoge}みたいなやつ

>>227
できない。全部自分で組み立てるしかない。

>>228
ありがとうございます
今夜は安心して眠れます

>>219
ああ凄い分かる
dojoが未だにIBMでよく使われてるのも頷けるわ

>>225
試行錯誤するときの手本が最悪なサンプルだと悲惨だがな
JSに限らないが、特にJSでググってひっかかるのはひどいのばっかだろ

>>231
最初の勉強の道具がひどいプログラムかどうかは問題にならない。

まともに勉強しようって奴は、そのプログラムを言語仕様とつき合わせて
「このプログラムはいったい何をしてるんだ？」と調べまくる。
それで自然と仕様を覚えるし、それがひどいプログラムなら
「ここいらないじゃん」「こっちの方が簡単じゃん」と、
具体的にどこがダメなのかが見えてくる。

勉強する気のない奴は、仕様もみないで、見つけたプログラムを適当にコピペ改変して
動くっぽい状態にしておしまい。コピペ改変が試行錯誤だと思ってる。
そんな勉強する気のない奴なんて、ひどいプログラムと同じぐらいどうでもいい。

>>232
いや大いに問題だね
QA掲示板なんかで初心者の味方を気取る初心者が
とほほレベルの時代遅れコードを拡大再生産しまくってる現状で
何で役立たずの理想論を振りかざしてんの？

最初に目にしたプログラムのすり込みって大きいと思うよ
仕様だけの話でなく、コーディングセンス的な意味で

prototypeとthisの使い方を初めて見たときショックだったな
今でも根強いクラスベースに似せた書き方でなく
なんか根本的に発想が違うと思った

じゃあおまいさんが新時代のソース晒せばいいじゃない
2chで批判するやつより、とほほレベルの時代遅れコードの方がよっぽどマシだと思うが

>>235
新時代というより、良質のコードって埋もれてると思う
prototypeの使い方を探したとき、ずいぶん前からあったんだなってのと同時に
何でこれが長いこと広まらなかったんだろうとも思った

>>233
お前の言ってるのは、釘の打ち方もカンナのかけ方も知らない人間が
他人に大工仕事教えることを問題視してるわけだが、そんなの話にならんわ。
子供は親を選べないし、義務教育中の生徒は教師を選べないが、
義務教育外の学習なら生徒は師を選択できる。むしろ選択しないとヘタレまっしぐら。

「ああこいつモノ教えるほどの力量ないじゃん」と見切ったなら、
そんなのとはさっさと別れなきゃいかん。
文句があるなら、その前に、最初のきっかけにいつまでもしがみ付いてる奴の方を嘆いとけ。

>>237
その選択した結果とやらが、このスレの回答レベルなんだろ？
お前は自分の力量をずいぶん過信してんだな

ラッパーなら言いたいことはラップで語ってください。
プログラミングやってるなら言いたいことはプログラムで語ってください。
何が良質なのか、良質なprototypeを使ったサンプルコードをお願いします。
良質かつ意味のある実践的なコードを。
既存のオブジェクトを拡張するような使い方ではなく
外部ライブラリを呼び出さず
そのままで動作するコードで
１レスにおさまる長さで

俺が考えた泣けるシナリオソースここまで

>>162
遅ればせながらありがとうございます。
XHTML 1.x でid属性がID型に関連づけられていることを思い出しました。
http://www.y-adagio.com/public/standards/tr_xhtml_mod/abstract_modules.html#s_core_collection

>>128の「XML または HTML」は「(X)HTML」に訂正します。

>>221
「何をしたいのか」によりますが、『JavaScript 第5版』を理解できるまでに読み込めばある程度は自分の希望通りの機能を実現できるんじゃないでしょうか。
http://www.amazon.co.jp/dp/4873113296

試行錯誤も大切ですが、きちんとした土台ができあがってからの話だと思います。
勿論、土台を得るための試行錯誤は必要ですが、間違った情報に惑わされるリスクを負うぐらいなら多少難しくとも質の高い情報を参考にする方が効率的ではないかと。
土台ができたら>>11のリンク先を読み進めれば、必要な情報を引くための場所に見当がつくようになります。
(仕様書を読むことに敷居の高さを感じるようでしたら、MDC で手を打つのが妥当かなーと個人的には思います。)

あと、「書けるようになる」のと「質の高いコードを書く」は別次元の話なのでゴール(達成目標)をきちんと設定した方がいいと思います。
お勧めはしませんが、「書けるようになる」だけなら初めに見たコードを参考にするだけで十分ともいえます…。
ただし、質が悪いコードに巡り会う可能性は少なからずありますし、質が悪いからこそ非効率だということもできます。
誤った情報を鵜呑みにしないためにもたくさんのコード、文献を読んだ方が長期的には効率的です。

>>238
俺と関係ないところで、誰が誰にどんな回答してるかなんて、俺は責任もたないし。
「ああバカげた回答してるなぁ」と思うだけだぞ？

・ドットシンタクス、DOM 検索の重複を繰り返す。
・等値演算子で比較を行う。
・コンストラクタ以外の変数の先頭に大文字を使う。
・リテラルを使わず、コードの下部に関数宣言をまとめる。


残念なコードの典型。

>>242
>>221にあれを勧めるのは、ハイキングで近くの山に登りたいって人に、
エベレストの登山装備用意するように勧めるようなもんだぞｗ

趣味である限り、「泥棒を捕らえて縄をなう」でいい。必要になってから必要になったものを調べるだけでいい。
勉強なんて、自分がそれを必要だと心の底から思うことができない限り、絶対に身に付かない。
何の役にたつのか分からん重装備を抱え込んだら、行く前から装備に潰される。

>>245
>>242 ではないけど、あんたは読んだのけ？
前半のコアの部分だけでも、読むべきだと思うし、読んで損はないと思うわ。

>>245
正直、>>221のレベルはよくわかりません。勉強する力はあるものの調べる力に長けていないとも読めますし…。
そういう場合、ぐぐり方や信頼できるWebサイトを複数知っているだけでも違うのでしょうが、情報の正誤を判断する前提となる知識を身につけることが先だと考えています。

初心者向けとしては『DOM Scripting 標準ガイドブック』が読みやすいと思いますが、「何をしたいのか」のかがわからないので『JavaScript 第5版』をお勧めした次第。
初めから全て理解する必要はないですし、少しずつ理解するだけでも大分違うと思います。
http://www.amazon.co.jp/dp/4839922373

本を読めば登れるがどの山に登ればいいかわからない

今の時期に第 5版を勧めるのもどうかと思うけどｗ

>>175-176のブラウザの挙動について説明の続きがあるのですが
連続投稿で規制になってしまったため、質問保留にします
※この投稿は投稿の代行スレに依頼しました

代行さん乙ｗ

>>246
読んだよ。あの時はコアJSの章が終わってまだ３分の１しか進んでないどころか、
原書では別のリファレンスまで込みだったことを知って愕然としたわｗ

少なくとも、読んで理解できるレベルでないと「よく分からん。読み飛ばす」で終わってしまうことだけは確か。
変な話だが、The Good PartsとかJavaScriptパターンを読み飛ばすことなく理解できるレベルでないと意味がないと思う。
どのぐらい意味がないかというと、小学生を大学の図書館に連れてって自習させるぐらい意味がない。

IE8 にあった HTMLDocument が IE9 では無くなっているようですが、これは何故でしょうか

ページ内のどっかのLINKをクリックして画面が切り替わろうとしたら、
それを取りやめる処理というのはどうすればいいですか？

例えばbody内で　onUnload　を使えるみたいですが、この中の処理で何かすればよさそうな気もしますが、
上手い方法が思いつきません。

>>254
ID false

innerHTMLで<div>タグの内容を書き換えてもhtmlソースを見ると原文ソースのままになりますが
例えばsubmitしても原文ソースの値が引き渡せると言う認識で正しいですか？

innerHTMLでvalueを書き換えた場合でも原文ソースのvalueがsubmit時に引き渡せるんですか？

>>254
onload はキャンセルできない
click なら Event.preventDefault() でキャンセルできる

>>256
原文ソースのままにならないけど

× onload
○ unload

>>257
ありがとうございます。
クリックして、該当URLへの接続を即ｷｬﾝｾﾙであればreturn false でいいのはわかるんですが、
接続が開始されつつ、ページが切り替わろうとしたらそれをｷｬﾝｾﾙしたいという仕様です。

つまり、接続先にアクセスカウンタがあれば、カウンタは+1されており、かつもとのページを維持。
という仕様を目論んでいます。

XMLHttpRequestとか使えばいいんでない？
他人様のページに対してなんかしようとしてるなら知らん

あれだろ、ランキングサイト等数稼ぎとかだろ

ページが読み込まれたあとに、aタグを全部spanかなんかに置き換えて
それっぽく見えるスタイルにしとけｗ

おっと。書くつもりでわすれてた。

そのspanがクリックされたら、リンク先をnew Image().srcあたりにでも突っ込めば
対象のページにアクセスはされる。ホントに「アクセスするだけ」だが。

やはりimage使うしかないのかな。
対象鯖ではimageタグで呼び出されたってのはわかるの？

まずどういう目的なのか聞こうか

仮に分かるとして、分かると何かマズいのか？
問題ないなら気にする必要はないはずだが。

>>256
いまひとつ何を悩んでいるかわからない。具体的なコードは?
<div>をsubmitってどういう意味なんだ?
valueって何のvalue?

一般のブラウザは、ソース表示ではサーバから送られた状態の素のHTML
を見せているだけで、動的に書き換えたものは反映されない。そういう
のを確認したかったらFirebugとかInspectorとか使う。

結局imageタグで仕様を実装したのでエニシングおｋ。

要は携帯ゲーでルーチンワークを自動操作するhtmlページを作りたかった。
但しimageタグで１ページに大量に呼び出しをかけると当然負荷がかかりBANGされる可能性が大なので、
どうにか手動時とほぼ同等の操作で自動化したかった。

手動だとクリックしたあと画面が切り替わる前に次のリンクをクリックするという方法を取っており、
一度画面が切り替わって携帯ゲーの画面になると当然操作は離れる。
そこをどうするかという問題だったんだが、
結局はimageタグのsrcをランダムなインターバルを置いて変えるという手法で、
リクエスト的には手動時と同等な仕様に仕上げた。

これでサーバ側でimageタグからの呼び出しだとわからないのであれば、手動クリックと同一になる。

javascriptをオンラインでコードを実行させるコード共有サイトのURL教えてください

1ぐらい読め

JavaScript(Ajax)でウェブアプリにPOSTして、
そのウェブアプリでセッションを破棄したところ、
なぜかservletでExceptionが発生しました。
何がいけなかったのでしょうか？

そのエラーを貼り付けないとエスパー伊藤の出番になりますよ

>>272
すみません。
すでにマシンを落としてしまったので、明日貼ります。

ちなみに、なーんとなく心当たりとか、ありませんかね？

ちなみに、やりたいことは、
ログイン/ログアウト時にそれまでのセッションを破棄して、
新しいセッションで接続を継続するということです。
セッションを使った攻撃に対処したいのです。

予想できるエラーを挙げてもらって、役にたつと思うか？
たとえば、そのエラーが単にnullオブジェクトのプロパティを参照しようとしてたとか、
そういう（ﾓﾉｽｺﾞｸｸﾀﾞﾗﾅｲ）エラーだった場合、書き込まれた情報は
エラー探しで何の役にもたたない。よほど温厚な奴でもキレるか呆れる。

まずエラーログ張れ。話はそれからだ。

>>57-61
このへん

>>267
例えば以下のソース
html
<div id="hoge">
<input type="text" value="fuga">
</div>

js
var hoge=document.getElementById('hoge');
hoge.innerHTML=hoge.innerHTML.replece(/fuga/ig,'piyo');

を実行した場合fugaがpiyoに変わりますが、この状態でsubmitした場合
valueはpiyoが送られる。であってますか？

>>277>>277
何でそんなものに疑問を持てるのか本気で分からんのだが…。

JavaScriptなど一切使われてないブログがあったとする。
記事投稿、あるいは記事へのレス投稿はformで入力欄が作られてる。
HTMLソースを見れば、そのformにはvalueで初期値が指定されてたりされていなかったりするわけだ。

初期値がある入力欄を、適当な文章に書き換えて送信した時、
サーバに送られるのは初期値なのか書き換え後か、どっちだと思う？
ちなみに、入力欄を書き換えようが何しようが、ブラウザでソースを見れば初期値のvalueは変わらんぞ。

質問とは関係ないけどこの場合valueにセットするのとの違いはresetの動作とかかな

これは IE9 のバグでしょうか
以下のような対応で大丈夫なんでしょうか

if(typeof HTMLDocument == 'undefined'){
window.HTMLDocument = Document;
}

>>278
ではinnerHTMLでvalueでなくnameやidを変えたら、これは流石にマズイですかね？

>>277
うん、合ってますよ。
ブラウザで見える値がpiyoになるんだから、そりゃ送信する値もpiyoだよ。

テキストフィールドの値を書き換えるときに、普通は innerHTML.replace()
なんてしないことは覚えておいてね。

>>281
nameを書き換えるのは何も問題ない。
idも他のIDと重複しなければ何も問題ない。

フォーム送信は常に最新のDOMの状態で行われる。

ああそうか、

ブラウザやらJavaScriptやらが扱っているのはDOMというデータ構造であっ
てHTMLソースはソースに過ぎない

ということを理解してない人はイロイロ疑問に思うのかな。

>>275
ソースを思い出しながら脳内トレースしてみました。
すると、HttpSession#invalidate() でセッションを破棄した後に HttpSession#setAttribute(...) で値を設定している箇所がありました。
そんな処理をしている理由は、セッションIDを新しくしてからログイン情報を覚えさせたかったからです。
破棄すれば自動で新しいセッションができると思ったのですが、そんなに甘くはないですね。
しかし、困りましたね。
セッションIDを新しくする方法が見つからないです。
ログイン時はログイン前と同じセッションIDで継続して、
ログアウト時に invalidate() で破棄、以後の接続は新しいセッションIDで、ってのが無難ですかね？
でも、どこかのサイトで、ログイン時にもセッションIDを変更するべきってあったのですよ。
それがちょっち気になります。

>>282-284
ああああああ、やっと理解できました
何となくhtmlソースはサーバサイドだからと理解してはいたのですが
innerHTMLはhtmlソースをJSで変えるってイメージがあったので、大きな勘違いをしてました(；´Д｀)

すいません、そして御教示有り難うございました。
また1つJavaScriptが好きになりましたｗ

function menuAco(n){
var i;
if(flgMenu==n){return 0;}
else{for(i=0;i<maxTab;i++){
sty(i,n)}//forの終わり
flgMenu=n;return 0;}//elseの終わり
}//menuAco(n)の終わり
こいうreturn 0の使い方ってありですか？
このときのreturn 0;はreturn；でもreturn nullでも
いいと思うのですがどうですか？

戻り値は、その関数を呼び出した側で使うものだ。
呼び出し側が期待するものを返しているかどうかだけが問題。
関数１つ見てどうこうとコメントする意味はない。

>>202-203の続き？
return 0 しか返さない関数ではコメントしようがない

<input type="text" id="hoge">
<div id="fuge"></div>
このテキストに文字を打つたびに文字数がfugeにinnerHTMLで表示されるようにしたいのですが
どうすればいいでしょうか？
document.getElementById("hoge")まではわかるのですが

>>290
http://www.google.co.jp/

value
length
onkeyup

キーワードはこんな感じです

>>292
ありがとうございます！
textのvalueをlengthしてonkeyupしたときにやるんですね！

vol82ぐらいに質問したものですけど解決しました

>>292
onkeyupは全角入力だとブラウザごとにイベントが発生するタイミングが異なるし、
マウスのみでのコピペでは発生しないから、タイマーでやった方がいいんでは？
それと文字数じゃなくて文字列で比較した方がいいと思うんだけど

ごめん最後の一行は無視して

keyupとsetTimeooutを両方使ったほうが良いな
inputの方がいいけど

setIntervalじゃない？

>>294
で、質問内容と解決策は？

初歩的なことかもしれませんがよろしくお願いします。
「var hoge = new String("piyo");」とか「var hoge = "piyo";」ってやって、
「hoge.value」とか「hoge.getValue()」とかじゃなくて「hoge」とするだけで「"piyo"」が返ってきますが、
こういうオブジェクトってどうやって作るんでしょうか。プロパティやメソッドも持っていて

>>300
まず日本語勉強してJSONでググれ

>>300
コンストラクタのことかな

説明不足ですみません

たとえば
var hoge = {
value: "piyo",
getValue: function(){ return this.value; }
};
とか
function Hoge(value) { this.value = value; }
Hoge.prototype.getValue = function() { return this.value };
var hoge = new Hoge("piyo");
とかすると、「"piyo"」を得るには
「hoge.value」とか「hoge.getValue()」とかしないといけませんが
「hoge」とするだけで「"piyo"」を得られるようにしたいです

var hoge = new String("piyo");
alert(hoge); //[object Object]じゃなくて"piyo"が表示される
↑
こういうのの作り方が知りたいです
「hoge.length」とか「hoge.split()」とかみたいにプロパティやメソッドも持っていて

var hoge1 = "piyo";
でhoge.lengthとかが使えるのは
自動型変換とかが入ってたんじゃなかったっけかな？
プリミティブ型とかがどーたらこうたら

>>303

hoge.toString = function() {return "hoge"}

alert(hoge);

>>303
getterの話かな。

formの値をsubmitボタンでPOSTし、受け渡すphpファイルを作っています
しかし、javascriptで変数aの値が1だった場合ｓｕｂｍｉｔ出来ないようにしたいです
if(条件式)などで条件式がtrueだった場合submit出来ないようなスクリプトは作れますでしょうか？

ゲッターって名前付けなくてもいけるの

>>307
submitイベントでpreventDefault

>>301
JSONについて調べていたらjson2.jsというファイルに辿り着きました
このファイルって、商用・非商用問わずに自由に使ってもよいのですか？
ファイルの頭の方にパブリックドメインとか書いてありますけど？
英語ばっかりで頭痛くなりますね(-_-;)

今となってはjson2.jsは携帯用
てかJSON関係あるの？

JSONに食い付いているのは別の人

>>310
見てないけど、良かったと思う

json2.jsはjqueryの中で使われてなかったっけ

PDはどこでもだれでもご自由にどんな形態でもOK
だから著作権表示も消してOKだったはず

>>313, >>315
ありがとうございます。

>>314
JQuery は使っていないです。
そちらのライセンスが気になるので。。。

誘導されて来ました

IE８でjQuery + nivo-sliderにエラーが出ます。http://nivo.dev7studios.com/


if((!H[G]||(o.nodeName(H,"a")&&G=="click"))&&H["on"+G]&&H["on"+G].apply(H,K)===false)
プロシージャの呼び出し、または引数が不正です。

次になにをしたらいいでしょうか？

>>307
Formのsubmitボタンをただのbuttonにして、onClickで判別用関数

function hanbetu(){
　if (a != 1){
　　document.hogeform.submit();
　}
}

配布サイトのデモでエラーが出るなら配布サイトのフォーラムへ

>>319
ありがとうございます。やってみます。

>>309>>318
ありがとうございます、助かりました

しっかし、時代も変わったもんだよなぁ
昔は迂闊にスクリプトONにするな、とかだったしexeファイルも個人のを迂闊に実行するなだったし
それが今やアプリだウイルスだのね

今はWEBやメールもチェックしてくれるウイルス対策ソフトが普及したから、
あまり神経質にならなくてもよくなったんじゃないかな。

まぁそういう危機管理を知らない＆しない奴等がネットに流れ込んできたから
ウイルス作成罪なんて馬鹿の馬鹿による馬鹿のための法案が出来ちゃったわけで

winnyでけいおん！！08話.avi.exe　21,018Byte開いて被害者面とかもうね

そのケースは
悪意を持って作成orアップロードしているんだろうから
悪意は罰せられないといけない
ダウンロードした者が著作権を侵しているだとかはまた別の次元なのでそれはそれで処理される

>>317
再現するソースを貼る

>>324
確かに古参のユーザからしてみれば、
自分たちのルールが新参者に足蹴にされて肩身が狭く感じるよね。

しかし、一般層が流れこんでくるのは予定調和だし、
そうでなくては儲からないから仕方がないね。

法務大臣が質問をあんま理解してなかったのが痛いな。そんなの全部そうだけど
フリーウェアのバグ放置について「えー、あると思います」って理解してないのに言う辺りがね

ぴょんっって小さい画面が飛び出てくるやつってどうやるんですか？

ぴょんっって小さい画面が飛び出てくる動作をするプログラムを作る

330 名前：Name_Not_Found[sage] 投稿日：2011/07/01(金) 16:55:13.46 ID:???
ぴょんっって小さい画面が飛び出てくる動作をするプログラムを作る


↑
こいつ最高にアホだｗｗｗｗｗｗｗｗｗｗｗｗ

質問自体が悪いな

さすがに>>330は素人に見える

>>330は日本語を学ぶべき

>>329
alert(1);とかか？
もしくは
http://css-eblog.com/javascript/floating-popup-window.html


>>330は荒らしだからスルーでおｋ
構うと調子に乗ってまた荒らすから

javascriptを我流でコード書いて開発するのとjQueryなどのライブラリを主体に開発するのは
企業だと前者が多いのは何故ですか？
やっぱライセンスとかが気になるからですか？

>>328
あー、これか。もし適用されたら、うっかりプログラムなんか晒せないな。

大変だ！法務大臣いわく「バグ放置」がウイルス提供罪として適用するらしいぞ
http://blog.esuteru.com/archives/3371359.html

まぁ、みんなそう言うなよ
>>329
ポップアップウィンドウの事かな？
ちょっとポップアップウィンドウで調べてみ、それじゃなかったらそのぴょんっってのがあるURL教えて

>>329の自演臭いのだが

>>329が>>330で頭にきて
>>331>>333>>334を自演したように見える

335だけど331は俺ね
自演認定する暇ある前に文章を読む力をつけましょう

ネタにマジレスｗｗｗｗ

>>341
>>329乙

まだ夏休みじゃないっすよね

>>341
自演乙

まあ実際は>>330が煽るのが一番良くないよな

うん、>>330がよくないとは俺も思う
結果がどうであれ最初に煽るのがよくない

Q.誰が優勝すると思いますか？
A.1位になる人が優勝すると思います。

「下らないネタを披露→マジレス→ネタにマジレスカコワルイ」って時にマジレスする人を嘲笑する風習もどうかと思うんだよな

>>349
2chで何言ってんだか
嫌ならmixiなりTwitterでやればいいじゃない

2chはこういうもんだと決めつけて視野が狭くなってると見える

2chっつっても様々だからな
荒れまくりなプログラミン言語質問スレもあれば
ここのような基本マターリな所もある

質問です。

innerHTML を間違って innerHtml と書き間違えました。

td_.innerHtml = "aaaa";

この状態で、aaaa とは表示されないわけですが、firefox も IE もエラーを
出してくれませんでした。

VS2008でjavascriptのデバッグ（ブレークポイントは正しく動作してる）を
しかけても同じです。まったくエラーが出ません。

なぜエラーが出ないんでしょうか？

IE8、Firefox5.0、VS2008pro (たぶんSP1)、win7 Pro x64

オブジェクトの新規要素の定義の仕方を学べば分かる。

スレチでしたらすみません。

以下のPHPで書かれた一行をjavascriptで書き直すとどうなりますか？

foreach ( $society as $person) $person['age']++;

ここは、JavaScriptを自ら学ぶ人のための質問スレッドです。
こうこう書いてみたけど、上手く動きませんとかならまだしも丸投げはスレチです

$societyが単純な配列ということならforループでjsの配列をぐるぐる回せばOK
PHPのforeachに似たfor-inループもあるけど
PHPと同じ感覚で配列に使うと不具合の元になります

>>356
一応、for-in文には行き当たったのですが、どう適用させればいいか分からず聞いてしまいました
言葉足らずですみません。

自分自身まだ全体の構文が把握出来ていなかったため出直してきます
ありがとうございました。

テキストボックス・テキストエリアの内容が変更されたら
即座に（つまりonchangeのようにblurを待たずに）何か行う、という処理は
やはりsetIntervalで監視するしかないのでしょうか
何となくムダが多いなぁと感じてしまうのですが・・・

onkeypressは?

基本的にsetInterval系は、ブラウザ上でゲームするとかビジュアル的な効果を狙う、
以外には使いたくないよな。

何もしてないときに一生懸命ぐるぐる動いてるのを想像すると嫌だｗ

>>335さん>>338さんありがとうございます
alert(1)で出てきました
ポップアップって単語で調べたらいろいろあって勉強になりました

>>358
DOM L3 Events に textinput イベントがあるようですが、GC12, Fx5.0, Op11.11 が未対応。まだ使える状況にないですね。
http://jsfiddle.net/F9wmc/

>>362
inputじゃ駄目なの？
http://jsfiddle.net/HcUKn/

>>363
HTML5 にあったんですね。
GC12, Fx5.0, Op11.50 でコピペにも反応することを確認しました。便利だなあ！
http://jsfiddle.net/HcUKn/2/

>>362
addEventListener('textinput'... じゃなくて
addEventListener('textInput'... な。

>>336
企業でも使うとこは普通に使うよ。
最近の新規プロダクトは大体使ってるように思うけど。
独自でやってるとこは何か特殊な事情があって使えないとか、思想や方針に合うのがないとか、jQueryみたいなデファクトスタンダードなライブラリがない頃に実装したとか、そんなとこだと思う。
ライセンスはあんまり関係ない。

>>365
変更してみましたが、 GC12, Fx5.0, Op11.50 で動作しませんでした。
http://jsfiddle.net/F9wmc/3/

どうやら、2010/09/07 までは textInput だったようで MDC はそちらを参照しているつもりのようですね。(リンクが機能してません)
https://developer.mozilla.org/en/DOM_Events#textInput
http://www.w3.org/TR/2010/WD-DOM-Level-3-Events-20100907/#event-type-textInput
現版では textinput になっています。
http://www.w3.org/TR/DOM-Level-3-Events/#event-type-textinput

MDNの情報は古いことも多いんだよな

>>367
Chrome 12.0.742.112でテキストエリアにいくつか入力してみたら
ちゃんとテキストエリアのvalueがConsoleに出力されてるよ?

>>369
ごめんなさい。その通りでした…。
コンソール見てるとどのDOMツリーを見てるか混乱するので、間違えないようpre要素の出力するようにしました。
http://jsfiddle.net/F9wmc/5/

今後は textinput で実装されるでしょうから textinput, textInput の両方を指定してみましたが、両方対応している実装があったら二重に動作してしまいますね。
'ontextinput' in document が効かないのでやりにくいです…。

>>358の要件なら input が妥当かな

皆さんありがとうございました、結局onkeyupを使うことにしました
html5勉強しないとなぁ・・・

ただ、今回は必要ではなかったのですが、
setInterval方式だと入力確定前(enter押す前)でも内容が取れるという利点があるようです

何にせよありがとうございました

>>372
その方向性なら input と keyup を使い分けるといいかもしれません。
http://jsfiddle.net/HcUKn/5/

http://www.uproda.net/down/uproda322627.zip

javascriptを使った1行掲示板的なものを作ろうとしたのですが、表示されません。
どうしたらよいでしょうか?

PHPのimplodeのように配列を文字列として結合したいのですが
a=[1,2,3,4,5];s="";for(i=0;i<a.length;i++)s+=a[i];alert(s);
のようにforで結合するより効率の良い書き方をご教示お願いします

>>375
Array.prototype.join

http://www.uproda.net/down/uproda322628.zip

間違ったのをあげてしまいました

>>374
32行目で「Uncaught SyntaxError: Unexpected identifier」
よく見ればわかる

>>374
なんかもうこの辺りがおかしい

function list(){
document.getEleentById("list").innerHTML = msg;
}
}

<div id="list"></div>

このlistはmsgをid=listの所に入れたいのはわかるが
どこで実行するのか、このmsgは何なのかすらないし

どなたかご教授下さい

ttp://www.pelicanhotel.com

こちらのメニューリンクのようなマウスオーバーで
文字がスライドするメニューを作成中です。
文字がcloneで二重に表示されていて（cssで隠れています）
それがスライドしてくるようになっているのですが
同じ文字ではなく、違う文字を表示させるにはどのように記述すればよいでしょうか？
mootoolsのリファを見ましたが、cloneを何に変えればいいのかわからなくて･･･
どうか、よろしくお願いいたします。

サンプルは>>1にあげられているサイトを使ってくれ

>>378-379
直したのですがコメントが出てきません

>>377
；の閉じ忘れがあまりにも多すぎ
getEleentByIdってなんじゃそりゃ
getElementByIdでしょう

それと段落あげるのはスペースじゃなくてTab使うほうが見やすい

>>377
num = new Array();
num2 = new Array();
↓
var num = new Array();
var num2 = new Array();

にしよう、ソース見たけど突っ込みどころがあまりにも多すぎる
;の閉じ忘れとかはちゃんと確認しよう

>>376
ありがとうございます
このように書いてみたのですが結合できませんでした
間違っている箇所をご指摘お願いします

a=[1,2,3,4,5];a.join();alert(a);

>>385
join()は値を返すだけでa自体を変更しない。別の文字列を入れる変数を用意してやればいい。

alert(a.join(""))
接着剤としての引数も必要。

>>386
ありがとうございます
破壊的なものだと思って勘違いしてました

アンカーミス
>>386->>387

misu
>>386-387

>>382
>>377もエラーだらけでまともに動かない
回答するとしてもはっきり言って面倒くさすぎるぞ
もうちょっと自分で頑張れ
http://jsfiddle.net/tPt4w/1/

既読判定についてどなたかご教授ください。

リンクをJavaScript内にで記述してるのですが、
IE8で見ると既読の履歴が残せない状態です。
（クリックした瞬間は既読になり画面をリロードすると未読の青文字になる）
IE6だと既読の履歴がずっと残るのですが、、、
hrefにアドレスを書けば履歴として残るのは確認しているのですが、
functionの中にアドレスがある状態でも履歴として残す方法はありますでしょうか？

function open(){
window.open("リンクのページ")
}

<a href="javascript:open()">Link</A>

>>377たぶんこうやりたいんだろうと勝手に解釈して作った、１レスに収まるようにしたから読み安く分割してくれ。ちゃんと何が悪かったか元の見直せよ
<html><head><title>サンプル</title>
<meta http-equiv="content-script-type" content="text/javascript">
<script type="text/javascript"><!--
var m = 0;var num = new Array();var num2 = new Array();
function add() {
var name = document.getElementById('name').value;
var comment = document.getElementById('comment').value;
if (name == ''){
name = "名無しさん";
}if (comment) {
num[m] = name;
num2[m] = comment;
if(m < 31){
m++
}else{
num[m].shift();
num2[m].shift();
}
}var str;
for(var i = 0; i < num.length; i++) {
str = num[i] + ":" + num2[i] + "<br>";
}document.getElementById("list").innerHTML += str;}
// --></script></head>
<body>
<h1>チャット</h1>
<div id="list">teste</div>
<hr><form>
名前：<input type="text" id="name"><br>
コメント:<input type="text" id="comment">
<button onClick="add()">書き込み</button><br>
</form></body></html>

>>381

http://jsdo.it/81969/pJOT

これで大丈夫でしょうか？
15行目に指定されている部分です
よろしくお願いいたします。

>>394
俺が勘違いしてるんでなければHTMLを書き直せば済む話なんだが…。

レス番を名前にするぐらいしてくれないか？
どれが誰だか前のレスをいちいち確認しなきゃならん
こんなことテンプレに書くまでもないと思っていたが、やはり書くべきなんだろか

ﾚｽありがとうございます。
すみません、言い忘れておりました
スライド後の文字を変えたくて･･･

たとえばaaaaaをbbbbがスライドしてくるようにしたいんです
これもHTMLで大丈夫なんでしょうか？

>>396
申し訳ありません

>>380
>>394
>>397

>>398
元のレス番号>>380を名前欄に入力すると良いと思うよ

>>399
ﾘﾛｰﾄﾞ押したら名前欄が消えて、
規制で書き込めませんでした（TT)すみません

配列の値を加工したいのですが
PHPでいうとhttp://php.net/manual/ja/function.array-map.phpのようなものは
どのようなメソッドを使うと出来ますでしょうか？

>>401
Array.prototype.map

>>401
https://developer.mozilla.org/ja/JavaScript/Reference/Global_Objects/Array/map

>>402-403
小生のために迅速な回答に感謝します

mapってさブラウザ選ぶんじゃなかったけ？Firefoxしか対応してなくね？

>>380
ヒントだけでも教えてくださる方はいらっしゃいませんでしょうか･･･

>>406
アンカーテキストはHTMLに書かれているんだからそちらを修正すべし

>>405
散々既出なんだが、MDCは情報が古い
日本語版は特に古い
英語版でさえ古いこともあるが、今回は英語版を読めばわかる

今でも同色で文字隠す人いるのね

>>407
度々、ありがとうございます。
ｱﾝｶｰに記述を追加するということでしょうか？
てっきりcloneで文字をもう一回表示させてるはずだから、
それを変えればいいんだー！と、頭の中で思ってました（TT)

>>406
http://jsfiddle.net/gT7r2/

こういうこと？

IE9でブラウザのアドレスバーでwindow1=window.open();window1.document.open();window1.document.write("test");
を実行しても実行が停止させられてしまいます
他の主要４つのブラウザは実行できました
IE9で実行するにはどう書くとよいでしょうか？

>>411
現実逃避でｶﾞﾘｶﾞﾘ君食べてたらおそくなりましたorz
わああああ！！こ、これです！！
ありがとうございます（TT)ｿｰｽ拝見させていただきます！m(_ _)m

>>412
http://answers.microsoft.com/ja-jp/ie/forum/ie9-windows_vista/b6cab666-ce70-e011-8dfc-68b599b31bf5

>>412
IE9 はアドレスバーから JavaScript を実行できません。

専門スレのコテハンって大抵煙たがられるものだけど
何だかこの人フツーにいい人だね、最初警戒してたけど

test

このスレは奇跡だからな

>>416
このスレで性質が悪いのは一部の無名の回答者だけだよ

>>414
ページが見つかりません

申し訳ありません。お探しの内容は見つかりませんでした。

>>420
IE9 にてアドレスバーに『 javascript: 』をペーストできない - Microsoft Answers
http://goo.gl/3sOIU

ＩＥ９クズすぎ
アドレスバーから実行したぐらいでセキュリティもくそもねえだろが

アドレスバーから実行する必要性もないから困らないけどね
URLエンコード面倒だし

そのブラウザが対応するjavascriptのバージョンを取得する方法ってありませんか？
1.5とか1.7とか

>>424
<script language="JavaScript1.5">alert('JavaScript1.5');</script>
<script language="JavaScript1.7">alert('JavaScript1.7');</script>

>>425
あり

languageとかネタでもやめてくれ

>>422
IE以外もその仕様になるとどこかで見た気がするが

画像並べて１個開いたら同じページ上に拡大表示されて
左右のボタンで画像を辿れるようなイメージなんだけど
jQuery使わないコードが頭の中に流れない
jQueryを読み解く気力が湧かないのでどこかにまんま書かれてるようなサイトはありませんか？
jQueryを使うと負けな気持ちになっています

>>424
「JavaScript 1.5」は SpiderMonkey のバージョンですよね？
SpiderMonkey を実装していないブラウザでは正しく機能しませんが、Firefox だけ動作すればいいんでしょうか…。
http://jsfiddle.net/C7xtS/4/
https://developer.mozilla.org/ja/New_in_JavaScript_1.8

他人に丸投げるほうが負けた気持ちになる

ボタンでdiv要素を追加するとき、idを追加すると思いますが以下ではボタンを押すたびに同じidのdiv要素が追加されますか？
<script type="text/javascript">
function addElement() {
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehoge";
element.style.backgroundColor = 'bule';

var objBody = document.getElementsByTagName("body").item(0);
objBody.appendChild(element);
}
</script>
<button onclick="addElement()">追加</button>

=じゃ上書きされる
追加だったら+=

>>432
試せばわかることをなぜ聞く？

めんどくさいから

質問する方が面倒くさいと思うんだがなあ

<div id="id">hogehoge</div>が大量に並ぶの？
id重複していいの？

>>72- の繰り返し？重複しちゃダメに決まってる。

> ボタンでdiv要素を追加するとき、idを追加すると思いますが
> id重複していいの？
この辺何をいいたいのかわからない
id追加する常識なんてないし、id重複を避ければ済む話なのに

目的はこのスレ内の少し前の話を蒸し返すこと

>>430
これです
http://ja.wikipedia.org/wiki/JavaScript#.E3.83.90.E3.83.BC.E3.82.B8.E3.83.A7.E3.83.B3.E3.81.A8.E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.AE.E5.AF.BE.E5.BF.9C.E8.A1.A8
各ブラウザの最新のバージョンが載ってなかったのですが、これのバージョンを調べたいと思ってます

>>441
そのバージョンの変遷は Netscape が作ったもので現在は Firefox に引き継がれているものの標準化されていないと思いますが、間違ってますかね…？
全てに通じるバージョンなら ECMAScript が妥当だと思うのですが…。
https://developer.mozilla.org/ja/Core_JavaScript_1.5_Guide/JavaScript_Overview

function addElement() {
var objBody = document.getElementsId("sample");
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehoge";
element.style.backgroundColor = 'red';

objBody.appendChild(element);
}
function revElement() {
var objBody = document.getElementsId('sample');
var element = document.getElementsId('id');
objBody.removeChild(element);
}
これを外部に貼り付けて
<button onClick="addElement()">要素を追加</button>
<button onClick="revElement()">要素を削除</button>
<div id="sample">a</div>
これを本体に貼り付ける
動かないんだけど理由がわからない、追加すらされない

> getElementsId
これ

メソッド名みれば分かりそうなものだが…英語できないと難しいか

>>444
ありがとう！

見てると名前にレス番入れない人が多いね
>>396はテンプレに入れるべきかな

だからID出せってさんざん言われてただろ！

window.foo.bar.bazがあるかどうか、
bazどころかbarもfooもない場合でも例外を返さずに判断する方法があれば教えてください
&&とかでつながず一回で

>>442
そうでしたか
IE9でmapが対応してるか調べたくてバージョンが知りたかったのですが難しいですね

>>449
「window.foo がない場合」なら 'foo' in window の一回で済みますが、「window.foo がある場合」に一回は無理かと。
上から順番にチェックするので && が必要じゃないかな。

>>450
IE9 なら MSDN を読むのが確実です。
http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx
まとまった情報が欲しいなら compatible table 辺りを利用してみてください。
http://kangax.github.com/es5-compat-table/
http://kangax.github.com/es5-compat-table/non-standard/

if ((function(){try {if (window.foo.bar.baz)return false }catch(e){}return false;)()) {
//オススメしない。
}

>>451-452
どうもありがとうございます

function adElement() {
var objBody = document.getElementById("sample");
var tempyn = document.getElementById("id");
if(tempyn.childNodes.length > 0){objBody.removeChild(tempyn);}
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehogehoge";
element.style.backgroundColor = 'blue';
objBody.appendChild(element);
}
idがidのdivがあったらそれを消して新しくidがidのdivを追加して
idがidのdivがなかったらidがidのdivを追加するようにしたかったのですが、
前者はうまくいったけど後者がうまくいきません
何が原因でしょうか？

>>454
childNodes

>>455
childNodesでif文内に入ってしまって存在していないのを削除しようとしてエラーになってるってこと？
如何すればいいんだろう

>>456
なかったら null を返す

>>457
そうするとif文に入らないからそのままcreatElementしてくれるんでないの？
if文に入らないとそのまま終わるとか？

>>458
var hoge = null;
if (hoge.childNodes)

>>458
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/11_Expressions.html#section-11.2.1

>>459
if文がエラーで吹っ飛んでんの？
どういうif文にすればいいのか想像付かないけど
nullじゃなかったらif文通れでうまくいくのかな？
いろんなブラウザで試さないと

>>460
俺には古文書にしか見えないや

>>461
(null).childNodes;

ぬるぬるうっさいやつらだな

undefinedとnullだけは、メソッド及びプロパティーを取ろうとするとエラーになる。

質問です
ある文字列の文字数を取得したいのですが、何故か何を入れても1になってしまいます
何が原因なのかよく分かりません
何か思いつく所があれば指摘して下さい
以下コードです

//テキストボックスの入力値を取得(hoge)
hoge = document.age.sage.value;
//入力値から正規表現で一部を取得(hige)
hige = hoge.match(/ごにょごにょ/);
//※ここまでは期待通りの動作をしています
//取得した文字列の文字数を取得(hage)
hage = hige.length;

これで最後の「hage」がいつも1になってしまいます
テキストボックスの文字列「hoge」の文字数は正常に取得出来るので、
正規表現で一部を抽出したのが何らかの原因ではないかと思っているのですが…

matchの戻り値は配列なんだなこれが

http://www.dotup.org/uploda/www.dotup.org1758520.txt
コメントを書き込めるものを作りたいのですが、書き込めません。
どうしたらよいでしょうか?

>>467
つまり配列の数が返ってきていたわけですね…完全に忘れてました
ありがとうございました

>>468
select？

あ、勘違いした
動いたよ？

どうでもいい事だけど
commentが空だからといってnonameにする事はないだろう

>>471
ブラウザ変えたらいけました

>>472
commentとnameを間違えてました。

すいません質問です
IE7までは通常に動いていたスクリプトがIE9になったら動かなくなり
表示もされません
デバッグ機能を使ってみたところ
「オブジェクトは 'createTextNode' プロパティまたはメソッドをサポートしていません」
と出ました、FireFOXでは普通に動きます
どういうことなのでしょうか？

>>474
◯◯◯◯.createTextNode("文字列");

みたいな使い方していると思うけど、その◯◯◯◯じゃよ
なんて書いたか晒してみんさい

「オブジェクトは 'createTextNode' プロパティまたはメソッドをサポートしていません」
ということでしょう。
そのオブジェクトはdocument？違うなら自分で作ったやつ？そのオブジェクトが何なのか判断できるコードか何かを。
たぶんエラーメッセージと一緒に行番号も表示されているはず。
表示されていないのならスクリプト内を「createTextNode」で検索してそれが使われているオブジェクトを確認

あるオブジェクトにプロパティが何かひとつでもあるときとないときとで処理を分けたいのですが
どうすればいいですか？

var object = {};
if (object.hasOwnProperty("*")) { //←何かひとつでもプロパティがあれば、みたいなつもり
//あるとき
} else {
//ないとき
}

こういう感じで既存のメソッドとか演算子とかで短く真偽値を返す方法があれば教えてください
for inで回すとかになりますか？

>>477
こんなの？

http://d.hatena.ne.jp/fyts/20071029/javascript

>>478
それobj={}でもtrueになるよ
for (var key in obj) {
if (obj.hasOwnProperty(key)) len++
}

どうもありがとうございます
やっぱりfor inで回すことになりますか？
ひとつでもプロパティがあればfalseを返してすぐに抜ければいいので（ひとつもない場合はもちろんすぐに抜けられる）
for inでも別にいいんですが
外部関数にするにしても少しかさばるので
配列の場合のlengthプロパティを見るみたいに短く書けたりするのかなと

>>480
[i for (i in obj)].length

>>480
一応ChromeやFirefox 4以降ならES5のメソッドで簡潔に書けるかな?

var obj = {};

if (Object.getOwnPropertyNames(obj).length) {
// プロパティがあれば実行
} else {
// プロパティがなければ実行
}

>>481
どうもありがとうございます
動きました
この「i」って「var」が付いていないのにグローバルになっていないっぽいですが実際にはなっていますか？いませんか？
グローバルになっていない場合はどういう仕組みなんでしょうか

>>482
ありがとうございます
そういうのができたんですね
chromeで動きました

>>475-476
ありがとうございます
document
です

ありがとうございました
IE9、documentで検索したら解決できました
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
これが必要だったんですね
IE9は素晴らしいブラウザですね

481は配列「[]」が無名オブジェクトになっているからその中にローカル
ってことなんでしょうか
配列「[]」の中の書き方がまったく読み下せません
objのキー（「i」）を元に配列の各要素を作っているという結果は確認できましたが

Quirksモードでもdocument.createTextNodeは動くけど、>>485はどういうことなの？

昔のゴルファーが見つけたテクニックをただ真似てるだけの人がほとんどだと思う

>>487
IE9でも互換モードに変更すれば普通に動きますが通常？のデフォルト設定だと
動きません
メタタグを増やしてやるとデフォルトでも動くようになります

>>489
通常っていうのやめろっ！！！！！！！！！
標準モードといえ！！！！！！！！！！！
互換モードで作るな！！！！！！！！！！！！！
いつも標準モードで作れ！！！！！！！！！！！！

>>489
IE7互換モードにするならIE9にする意味がほとんどないよ
それは一時しのぎに使うものだ

しのぎというかただの動作テスト用だな

>>489
当たり前だが、IE9標準モードだとdocument.createTextNodeは動く
>>484みたいな断片的コードじゃなくて再現するコードを晒してくれ

document.createTextNodeがないってのは何モードなの？

Lモード

PHPのheaderはjavascriptでは書かれますか?

http://www.dotup.org/uploda/www.dotup.org1760029.zip
server-sent eventsを使いたいのですが、うまく動きません
ご教授お願いします。

>>481
Chrome で SyntaxError
ブラウザ依存じゃあ使えないなー

準拠じゃないのは分かるんだけど
プロトタイプチェーンをたどるためのオブジェクト（foxでいうところの__proto__）って
IEでは完全に見えないの？代替になるものはないの？

>>499
ES5 的には Object.getPrototypeOf (IE9+) で十分という判断なんじゃないかな。
あとは、constructor とか…。(__proto__ を置き換えるものではないですけど)

http://www1.axfc.net/uploader/Sc/so/252036
ファイル消えたようなので

zipであげんなカス

>>493
全部は長すぎて無理なんですが
tbCalendar.appendChild(trCaption);
var trWeek = document.createElement("tr");
for (i = 0; i<7; i++) {
var tdWeek = document.createElement("td");
with (tdWeek) { appendChild(document.createTextNode(aWeek[i]));}
trWeek.appendChild(tdWeek);
if(i==0) { tdWeek.style.color = "#ff9999"; }
if(i==6) { tdWeek.style.color = "#00bfff"; }
}

http://www.uproda.net/down/uproda323962.txt
http://www.uproda.net/down/uproda323963.txt

テキストで上げました

>>503
>>1で推奨されてんだからコード晒しサイト使おうよ…

ちゃんと見てないけど、とりあえず最初のほうで変数名書き間違えてる

>>505
これでいけますか？
http://jsfiddle.net/YXwvV/

教えてください

function func() {
    alert(this);
    nested1 = function() { alert(this); }
    var nested2 = function() { alert(this); }
    this.nested3 = function() { alert(this); }
    nested1();
    nested2();
    this.nested3();
}
var obj = new func();

ローカル変数nested2に代入した無名関数内のthisだけ
どういう理屈でグローバルオブジェクトなんでしょうか?

質問です
javascriptで変数宣言する時の「var」ですが
この「var」って何の略なんですか？

例えば「new」は「新しい」、「Array」は「配列」、「split」は「分けられる」
という意味がありますが、この「var」だけはよく意味が解りませんでした

>>508
> 変数宣言
ここで質問する前に、変数を英語で何と言うか調べろ

急いでるので早く答えてください

>>510
なるほど！
Variableの略なんですね、ありがとうございます！

>>506
HTMLもセットじゃなかったの？

あ、ごめん間違えた忘れて

いや、合ってるよ
動くように書いてもらわなければ検証できないだろ
http://jsfiddle.net/YXwvV/1/
長く続けるなら名前を入れてIDも晒した方がいい
とても追い切れない >>474 ID:0pcDaBCl

>>515
65行目に全角空白があるね

>>507
関数ごとに this が生成されるから

すみません、一部表現を間違っていました
×ローカル変数nested2に代入した無名関数内のthisだけ
○ローカル変数nested2に代入した無名関数内のthisはグローバルスコープでもないのに
>>517
ありがとうございます
そうなると、this.nested3に代入した無名関数内のthisはobj自身を参照するというのは、
func()のローカル変数(メソッド)ではなく、objオブジェクトのメソッドだからといった感じなのでしょうか

variable

>>506
IE には HTMLElement.document っていう独自拡張プロパティがあって
IE8 までは HTMLDocument を、IE9 では DocumentFragment を取得するようになってるみたいだ


with (tdWeek) {
style.width = "27px";
style.padding = "0";
style.textAlign = "center";
appendChild(document.createTextNode(aWeek[i]));
}

だからこういう書き方をすると、IE では
tdWeek.document.createTextNode(aWeek[i])
を参照していることになる

DocumentFragment に createTextNode メソッドはないから、エラーになる

うわリロードしてなかったすみません

わざわざあざっす！

    this.nested5 = nested2;
    this.nested5();
メンバメソッドとして代入された無名関数nested2()は今度はobj自身を参照しました

関数リテラル内のthisに関しては、var キーワードで宣言された変数への代入なら
グローバルオブジェクトを参照し、あるオブジェクトのメンバ変数への代入なら
そのオブジェクト自身を参照する、といった感じでしょうか
もう少し勉強してみます

>>523
thisってのは「どのオブジェクト」のプロパティとして呼ばれたかの「どのオブジェクト」を指す
だから同じ関数オブジェクトでも呼び出し元が変わればthisが変わる
>関数リテラル内のthisに関しては、var キーワードで宣言された変数への代入なら
その関数をグローバルで呼んだらthisはグローバル
obj.func()とかって呼んだらthisはobj

>>505
どうにかならないでしょうか?

>>524
ありがとうございます
>その関数をグローバルで呼んだらthisはグローバル
"関数 func() 内のローカル変数 nested2 に代入した" 関数リテラル内のthisなので、
func()をコンストラクタとしてオブジェクト化した場合には >>507のコード2行目のthisのように
グローバルオブジェクトではなく、obj自身を参照するものと思い込んでいました

>>525
test5.jsはなんなん？node.js？

<form method="post" name="hoge-form" action="fuge.php">
<input type="text" name="hage">
<input type="text" name="bar">
</form>

<script>
document.hoge-form.submit();
</script>

とやるのですが
このフォームのhageテキストをjavascriptで計算してから送信したいです
hageフォームには数値が入って、その数値を82倍したいのですがどうすればいいのでしょうか？

phpだったら$_POST["name"]で82倍すればいいのですが、どうしても送信する前にクライアント側で82倍したいのです

>>528
そんな動かないコード平気で貼ってる奴を相手にするもの好きが
いるかどうか。もうちょっと自分で修行してから来たら？

ヒント: 「-」は引き算

すんません、hoge-formの所はhoge_formで

formのsubmitイベントに、hageを書き換える関数を登録すればいい
関係ないけどHTML5じゃなければtype属性は必須

http://webspace.sakura.ne.jp/ktkk/test/javascript/accordionslider/
ここのインラインで書かれてる var accordion=function(){… の最後の

return{slider:slider}

てどういう意味なんでしょう？
察するに、このaccordionの中で定義してるsliderオブジェクト自身を返しているのかと思いましたが、
上記のreturnの部分の意味がよくわからないです。

return {"slider" : slider}
typeof accordion === "object"
accordion.slider === 関数内のslider
使い方はnew accordion.slider();
accordionがオブジェクトなので、色々追加できるのが利点かな。

>>533
そういうことですか、理解できました。
ありがとうございます。

ちなみにこれって

var accordion = new function(){
this.slider=function(){…

みたいにするのとどう違うんでしょうか？
この宣言の仕方でもaccordionはオブジェクトだし、プロパティも追加できますよね？

new はベースが同じで一部違うものを複数作るときに使う感じだから、この場合は適さないんじゃないかな。
たしかに、出来上がったものは同じになるけど。

ttp://www.mindsfusion.co.jp/
の動くオレンジのスライムみたいなのってどうやるんでしょうか？

それFlashが使われてる

まじですか
あきらめます

>>541
なるほどー、getElementでvalueの値を書き換えればいいんですね
ありがとうございます

flashをhtml5に変えてくれるサービスあったよね。

↓541

| 　↑
|___|

>>520
ありがとうございます
でも別の書き方が全く思い浮かびません・・

とりあえず苦し紛れにこう改変したら動きました
with (tdWeek) {
style.width = "27px";
style.padding = "0";
style.textAlign = "center";
}
tdWeek.appendChild(document.createTextNode(aWeek[i]));
trWeek.appendChild(tdWeek);
if(i==0) { tdWeek.style.color = "#ff9999"; }
if(i==6) { tdWeek.style.color = "#00bfff"; }

最終的にこうなりました
http://jsfiddle.net/YXwvV/2/
これは万年カレンダーなのでよかったらみなさんも使ってください
メモ帳にそのままコピペして○○.jsファイルに適当に名前つけて拡張子を変えて
HPのどこかに
<script src="○○.js" type="text/javascript"></script>
書くだけです

上記ですが
<div id="calendar"></div>
もいります
誰も必要としないと思いますがｗ

>>544
ところで、ハッピーマンデーって
かならずそのルールで適用されているもの…なのか？

自前で持ってるカレンダーのプログラムは
休日とか、その手のイベント情報は別途データファイルを
用意するようにしているのだが、更新が面倒なんだよな…

Date.parse()というのはクロスブラウザでバグなどありますか？

なぜ、今までにwith使うなってレスないんだ。
withでないといけない理由ってないでしょ？

with(Math){eval(hoge);}

>>546
万年カレンダーなので過去までもどって試してみましたが
完璧にあってましたよ
with使うとあんまりよくないんですか？

IE8までの時点でバグに気付かずにwith使い続けたから>>474になったんでしょう

>>550
おお、そうなんだ

withの件は遅い、ってのと今回みたいなことがありがちなんで
あんまり使わないなあ

初心者ですみません。 今Cakephpを使用しています。
index.ctpに
<embed src="フラッシュファイルパス" type="application/x-shockwave-flash" width="200" height="160">
として、このオブジェクトをクリックしたときに値(value=1など）をポストしたいです。
その時にどのように記載すれば宜しいでしょうか。

>>553
onclickでｇｇｒｋｓ

<div>
<div class="left"></div>
<div class="left"></div>
<div class="clear"></div>
</div>
とかを何かボタン押したときにどっかに表示させるJavaScript組むとしたら
構造のためだけに最低でもdocument.createElementでdiv4つ生成する必要があるの？

×あるの？
○ありますか？

>>555
HTMLの話はスレ違いだー！













<div class="clear">がフロートをクリアするためだけにあるんだったら
要らない子だな

var a = document.createElement('div');
を
appendChildで２回出力したりできないの？

>>557
ちゃんとJavaScriptの話だよ

>>558
できない
appendChildはprintじゃない
createElementで生成されたひとつのノードをappendするメソッドだから

document.createElement("div")は一回だ！
<body>
<script>
var div = document.createElement("div");
div.appendChild(div.cloneNode(false)).className = "left";
div.appendChild(div.cloneNode(false)).className = "left";
div.appendChild(div.cloneNode(false)).className = "clear";
document.body.appendChild(div);
</script>
</body>

>>561
cloneNodeというのを使えばいいのですね
ありがとうございます

オライリーの詳解JavaScript(第三版)で勉強しているのですが、「11.6 静的スコープとClosure」で

var val = 'global';
function f() {
var val = 'local';
function g() {
//f.g = function() {
alert(val);
}
}
f();
f.g(); // 'local' が表示

こんなコードがあったのですが、動かないですよね？
コメントアウトした箇所のようなメソッドへの代入なら可能ですが
古い版だしミスなのかな

探したけど、エラッタみつからんかったわ
第5版おすすめしておきます

Netscape4.0あたりで動くそうな
第三版が出たのは1998年
いくらなんでも古すぎるんでないか

テキストエリアとかから入力された半角の'や"のクォートをエスケープしたほうがいいというのは知ってますが
万が一の為に全角のクォートとかもエスケープしたほうが良いのでしょうか？

なんでエスケープ処理が必要なのか考えればわかるだろ

>>564-565
ありがとうございます、第5版買おうと思います
// PDF版買ってみようかな

<script language="JavaScript">
<!--
function Jump(){
window.open("tumibatu/tumibatu.cgi","tumi","directories=no,location=no, menubar=no, resizable=yes, scrollbars=yes, status=no, titlebar=no, toolbar=no,",true)
}
//-->
</script>

<A href="JavaScript:Jump();" class="tumi">
CGIゲームを起動するウインドウを表示させたいのですが
そのウインドウ内でバックスペースとエンターキーを無効化させるには
どうすればいいでしょうか？

>>566
必要ない
全角にしたら"も'も\も意味を持たない

<form method="post" action="https://books.step.rakuten.co.jp/rms/mall/book/bs/Cart">
<div>
<span class="unit">個数  </span>
<input value="1" type="text" size="4" name="units" id="units">
<input value="買い物かごに入れる" type="submit">
<input type="hidden" value="1" name="inventory_flag">
</div>
</form>

↑
これをループさせたいです。
今勉強しはじめたばっかですが、どうやらHTMLタグ自体をJAVASCRIPTでループさせる事は無理っぽいことに気が付きました
上のタグと全く同じ性質を持つjavascriptの関数を自分で調べて見つけて書き直すという作業をしなきゃいけないんでしょうか？

あと、リンク先が（https://books.step.rakuten.co.jp/rms/mall/book/bs/Cart）
「混雑しています。しばらくお待ちください」とかのエラーが出たら上のタグをループさせて
「住所を入力してください」とかの成功メッセージが出たらループを抜けるようにしたいです。

リンク先の状況を元のスクリプトにフィードバックすることは可能でしょうか？

>>569
document.body.addEventListener("keydown",function(evt){
    var kc = evt.keyCode;
    if(kc == 8 || kc == 13) evt.preventDefault();
},false);

こんな感じで、evtオブジェクトがキーコードってのを持ってるから
それで判別しなはれ。確かBS=>8、enter=>13、だったはず

>>571
ループさせる、の意味がいまいちわからん。
何個も書くのが面倒だ、って話？
後半も良く解らん。

「ループさせる」を出来るだけ一般的な用語で！

>>573
meta http-equiv="refresh"つかえばいいんじゃね？ってことじゃね？

>>573
あれは、ようは楽天のページなわけですよ
で人気の転売商材ってのは何度「買い物かごに入れる」をクリックしても「混雑してます」のエラーがでてくる
で、売り切りになっちます。
だから、「買い物かごに入れる」を自動で何度も押せるスクリプトを自作したいわけです。

javascriptの知識が無いから

for(i=1から10まで）(

<form method="post" action="https://books.step.rakuten.co.jp/rms/mall/book/bs/Cart">
<div>
<span class="unit">個数  </span>
<input value="1" type="text" size="4" name="units" id="units">
<input value="買い物かごに入れる" type="submit">
<input type="hidden" value="1" name="inventory_flag">
</div>
</form>

)




見たいなループができると思ったんだけど、どうやらできないみたいでどうしようかなと

>>566
テキストエリアから取得した文字列中の引用符って、半角だろうが全角だろうがエスケープする必要あるんかぇ
てかエスケープって何

後、後半はリンク先が

「混雑しています」のメッセージの時,上のfor文を繰り返すようにしたいって事です
楽天の買い物ページに普通につながったら、もう「買い物かごに入れる」をクリックする
必要はないわけだから

それってF5アタック？
last-modifiedやcontent-lengthなども返さないっぽいからxhrでHEADだけ取得とかもできなさそうだし

堂々としすぎだねこれね

>>578
リンク先のエラーページでｆ５アタックだと、例えば、リンク先に「買いたい商品の個数の情報」だとかが、
普通に「買い物かごに入れる」をクリックした時のように送信されないんじゃないかという危惧が・・・・

なんか、思ったより、これをスクリプトで自動化するって難しいんですね・・・・

オブジェクト（配列、連想配列）そのものに対しては
コンソールログでは中身（プロパティ）も取得できているのですが
直接プロパティにアクセスするとundefinedが返ってきます
何が原因ですか？

var foo = {}; //まず空のオブジェクトを作り
foo["bar"] = "baz"; //あとからプロパティを追加しています（ループで）
console.log("foo", foo); //Object //各プロパティも取得できています
console.log("foo.bar", foo.bar); //undefined //でも直接プロパティにアクセスするとだめ
console.log("foo[\"bar\"]", foo["bar"]); //undefined //書き方を変えても同じ

プロパティ名は間違っていません
for inしても空っぽで、
Object.keys(foo)もObject.getOwnPropertyNames(foo)も
空っぽの配列が返ってきます

var foo = { bar: "baz" };
こんな風に最初から値を設定してみたらそれは取得できたので
追加の仕方に問題があると思うのですが
オブジェクトそのものをコンソールログで見た場合はちゃんとプロパティも追加されているので
行き詰まっています

自分にとっては初めての出来事なのですが
よくある失敗ですか？

google chromeです

何ら問題なく出力されるが・・・？

メニューブロックのリンクを押すとリンク先に切り替わらずに
本文ブロックにリンク先の本文を読み込むようにする方法を教えてください。
具体的にはロールスロイスのページのような感じです。
http://www.rolls-roycemotorcars.com/

> foo["bar"] = "baz"; //あとからプロパティを追加しています（ループで）
の部分でもう少し複雑な処理をしています（オブジェクト「foo」に触れるのは「foo["bar"] = "baz";」の部分だけですが）

Objectを見るとプロパティが追加されているのに
プロパティに直接アクセスすると（またはfor in等で取得しようとすると）undefinedが返るケースの
考え得る原因を教えてほしいです
直接参照できないような特殊な内部属性がセットされているとか・・・
ってそういうのはユーザが作ったものにはセットされないですよね

>>584
> プロパティに直接アクセスすると（またはfor in等で取得しようとすると）undefinedが返る
すみません訂正です

プロパティに直接アクセスするとundefinedが返る
（for in等で取得しようとするとそもそも列挙されない（プロパティがないことになっている））

>>583
XHRで内容取得して書き換えてる
書き換えるついでにハッシュも変更して固有のようなURLとしてる

>>584
再現できるコードを
もうちょっとループ周りのコードを書いてくれないとなんとも

>>1
>【サンプルコード】現象を再現可能な最小限のコードを書いてください。

>>577
事情はわかったけど、JSだけでやるのは面倒くさいだろうなあ
そもそも<form>だけ自前で作ってポストするのは
クロスサイトリクエストフォージェリ対策されてそうだし

グリモンとか、Firebugとかのコンソールで
1. <form>のtargetを別ウィンドウにして
2. <form>をpost()する
3. 別ウィンドウの中身を見て
　混雑していますだったら2へ、そうでなければ処理終了

ってすればいいかも知れない。繰り返しはforじゃなくて時間あけて再帰な感じで。
相手のサーバに迷惑かからんように間隔開けて


とかどうだろう

>>588
取り合えず、煮詰まりだったんでアイデアをもらえただけで十分ありがたいです。
さっそく試してみます。

>>586
ありがとうございます！

>>589
あとseleniumとかでも簡単にできそう
グリモンでもいけると思うけどね

再現可能な最小限のコードを作っていたら原因がわかったっぽいです
引数としてコールバック関数を要求するメソッドで、それが非同期（？）で動作するっぽくて
コールバック関数が処理される前にコンソールログの行が処理されていたみたいです

引数としてコールバック関数を要求するメソッドは実際はaddEventListenerではないのですが
同じような結果が得られました
たとえばこんな感じです

<body>
<script>
var object = {};
window.addEventListener("load", function() {
object["foo"] = "foofoo";
object.bar = "barbar";
}, false);
console.log("object", object); //プロパティ名も値も表示される
console.log("object[\"foo\"]", object["foo"]); //undefined
console.log("object.bar", object.bar); //undefined
console.log("Object.keys(object)", Object.keys(object)); //[]
console.log("Object.getOwnPropertyNames(object)", Object.getOwnPropertyNames(object)); //[]
</script>
</body>

コンソールログでもオブジェクト（配列や連想配列）は参照だけを取得している（？）んですね
あとからログを見たときには中身が入っているので
コンソールログの行が処理された時点でも取得できているんだと勘違いしていました

>>589
どうでもいいが一度辞書で「煮詰まる」の正しい意味を調べることをお勧めする。

正しくは行き詰まりかな

この場合は手詰まりじゃないかと

それより迷惑スクリプトじゃないんか

このレスの住民ってGooglemap作れるレベルくらいなん？

firebugで開発ってどうやるのでしょうか？

使い方は人それぞれ
俺はエラー確認ぐらいにしか使ってない

>>598
ttp://getfirebug.com/wiki/index.php/Console_API

function init() {
document.writeln("<form name='form'>");
document.writeln("<input type='button' value='クリック' onclick='s();'>");
document.writeln("</form>");
}

function s(){
alert();
}

のようにして、別の関数を呼び出したいのですが、反応しません。

function init() {
document.writeln("<form name='form'>");
document.writeln("<input type='button' value='クリック' onclick='alert();'>");
document.writeln("</form>");
}

のように直接アラートをいれた場合は反応したのですが、何か制約があるのでしょうか？

ライブラリのコメントが/*!で始まっているものがありますけど
あれってどういう意味なんでしょうか

>>601
initをイベントハンドラから呼んでない？
ページ読み込み後はdocument.write使っちゃダメよ

//いろいろと省略しています
var string = (function() {
var value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (readyState === 4) {
value = xhr.responseText;
}
};
return value;
})();

これはonreadystatechangeの関数が処理される前にreturnされるので
stringにはxhr.responseTextの値が入っていませんが、
valueにxhr.responseTextが入ってからreturnさせるにはどうするものですか？
setIntervalとかで定期的に中身を確認して中身が入るまで待つことになりますか？
onreadystatechangeの関数内で次の関数等の処理に移るのではなくreturnさせたいです。
それでいて無駄な待ち時間もなく。非同期じゃなくなってもいいです。

>>603
ご察しの通りでした。
ありがとうございます。

以下のサイトでは、名前や企業名やメールアドレスを打ち込まなくても
メールの署名などを利用して、簡単にフォームに必要事項を記入する
事が可能です。
これはサーバサイドで行っているようですが、JavaScriptで同じような事は出来ませんか？
また、そのような設置例があったら教えてください。
https://www.impressbm.co.jp/cc/add/?mode=init&type=p

必要なところを抜き出して入れてるだけだろ
人名は人名読みみたいな表用意して入力してるだけだろうし
出来んことはないと思うけど

>>604
> valueにxhr.responseTextが入ってからreturnさせるにはどうするものですか？

同期しかねぇ

> onreadystatechangeの関数内で次の関数等の処理に移るのではなくreturnさせたいです。

同期しかねぇ

> 無駄な待ち時間もなく。

同期は他のもろもろがブロックされるけど必要な時間だし、無駄ってわけじゃない

> 非同期じゃなくなってもいいです。

なら同期で

ラジオボタンの代わりに画像を使いたいのですが
選択すると画像がボーダーラインで囲まれるような処理方法は可能でしょうか。

選択／非選択で画像を2種類用意して切り替えるスクリプトは
よく紹介されていてjQueryでもあるようですが、画像1つだけで済ませたいのです。
イメージとしては、ユニクロサイトの商品カラー選択のような感じです。
どうにか教えてください。よろしくお願いします。

普通に CSS ファイルで outline 設定しておいて、class で切り替えればいいと思う

『あの日見た花の名前を僕達はまだ知らない』の
エンディングをJavascriptで再現したいです。
長くなりそうなのでこちらで教えていただけたら幸いです。

手とり足とり教えるスレ part3
http://hibari.2ch.net/test/read.cgi/hp/1155395444/193-

答えてもらえないからってこっちに持ち込むなよ

できるやつがネタとしてやるようなことであって
できないやつが他人に丸投げしてまでやることじゃない

>>608
どうもありがとうございます
同期以外にいい方法はないってことですか
xhrは同期非同期選べますがxhr以外のイベントハンドラに登録する関数の場合はどうすればいいですか

>>614
まず、xhr以外で非同期なイベントを明示してください

http://javascript.g.hatena.ne.jp/edvakf/20100227/1267246371
こういう非同期的なものです
コールバック関数を要求するものはどんどん奥に入っていってよく迷子になるのですぐにreturnして戻りたいです

>>616
setTimeout はともかく他は非同期ではないように見えますが

>>616
返せるものは返せば良いけど、returnの時点で見えてない値は
どうがんばっても返せないでしょ。

迷子ねぇ。慣れて下さいとしか。

asynchronous callbacks問題の対策方法はいろんな人がいろいろ考えているみたいだけどベストな答えはまだ
ttp://www.infoq.com/articles/surviving-asynchronous-programming-in-javascript

>>616
ttp://cho45.stfuawsc.com/jsdeferred/doc/intro.html

こういうのはどう？

>>620
レスありがとう
今ちょうどoutsider reflexってサイトの記事を経由して見てたところです
コードの行数が多い場合とかネストが増えすぎた場合とかに試してみようかと思ってます

別のウィンドウ、タブ、フレーム、ｉフレーム内で実行すると最近のブラウザはだいたい非同期になるYO!

非同期というよりイベント駆動型プログラミングに慣れてないんじゃないかな
イベントとクロージャに慣れる方が先だと思う

node.jsの非同期コールバック地獄に堕ちるとわかる

appendChildで追加した要素をフェードインさせるにはどうすればいいですか？

CSS の opacity プロパティ使えば？

var memoizer=function(memo,fundamental){
var shell=function(n){
var result=memo[n];
if(typeof result !== 'number'){
result=fundamental(shell,n);
memo[n]=result;}
return result;};
return shell;};

//002フィボナッチ数列を第n項まで計算
var fibonacci=memoizer([0,1],function(shell,n){
return shell(n-1)+shell(n-2);
});
fibonacci(30)で第30項のフィボナッチ数列の値が出る。
Javascript good partsに載っていたのですが、
memoizer([0,1],function(shell,n)は[0,1]でmemoに配列を代入で
fundamentalは関数でshellも関数ということですか？
これってクロージャですよね？くわしく説明してください。

appendChildで追加した要素をドラッグさせるにはどうすればいいですか？

addEventListenerつかって、mousedownとmousemoveとmouseupにそれぞれイベント書けばおｋ．

>>627
> [0,1]でmemoに配列を代入でfundamentalは関数でshellも関数ということですか？
そだね。

> これってクロージャですよね？
fibonacciは生成段階のスコープを保持するね。そこは「クロージャ」ってことでいいと思うよ。
ただ、このプログラムで強調すべきところはそこじゃないっしょ。
shellを表に出したら、何か都合が悪くなるってわけでもないし。

「くわしく説明」とはクロージャのことなのかプログラム自体（再帰）のことなのか
はっきりさせた方がいいんじゃないか。

すみません。以下オブジェクト内の例えば height、colorの参照方法の書式を教えてもらえないでしょうか？
var o = new TR.Widget(
{
width: 'auto',
height: 300,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
}
}
}
);


alert(o.･･･);

お手数ですが、お助け頂ければ幸いです。

TR.Widgetの中はどこ行けば見れるのよ？

facebookかなにか？

Twitterウィジェットの一部です。

TWTR.Widgetなら o.opts.〜 でいいんじゃないか

質問です
そのfunctionを実行したら、次実行させるのには1分間経過しないとできないようにしたいです
もうどんな関数使えばいいのかすらさっぱりです

>>636
タイマー使え

functionの冒頭で、
実行時のタイムスタンプを保存。
次回実行時にタイムスタンプを見比べて、1分たっていなかったら Exit function

みたいな実装が軽くていい。

ふむふむふむ
参考になります

javascriptってexitないけどさ、みんなどうやってんの？
俺は全体do{...}while(false);でbreakよく使ってるけど
try catchの方がいいのかね

>>640
そのexitは本当に必要なものなのか？
do{}while()でbreakは古のプログラマの一子相伝の技法として好んで使用したらしい（プロジェクトのコーディング規約から生まれた？）と
聞き及んでるが、いまだその技法にたどり着く豪のものが現れようとは。。。

クライアントサイドでexitの必要性がわからない

>>640
function 内で return するぐらいだな
可読性にも影響するから必要なケースはほとんどない

window.onload = function(){
document.getElementById("XXXX").onmousedown = dragStart;
window.onmousemove = dragProc;
window.onmouseup = dragEnd;}
function dragStart(evt){……}
function dragEnd(){……}
function dragProc(evt){……}
これってどういうことなの？
ドキュメントの読み込み時にIDがXXXXの領域でマウスを押したらdragStart、
マウスをドラッグしたらdragProc、マウスをクリックした後戻したらdragProcが動くっていう設定をしてるの？

exitが必要な実装を見直せ

あと、function dragStart(evt){……}の部分はevtに何を入れているのですか？
関数が呼び出されるときには勝手に何か入るような仕様があるのですか？
たとえば上の例以外にonClick="drag()"で呼び出したときに
drag(evt){……}と呼び出される側の関数にevtなどの変数を書いておけば
この変数に何か値が入るのですか？

そうそう
onClick="drag('マイケル')"だったらevtにマイケルが入る

>>644
イベントによってdragStart等がよばれる
動作的には質問した動作であってる
evtはイベントが発生した時に設定される(IE以外)

マウスイベントを設定するタイミングがonloadのときってこと
evtはマウスイベントを渡してる
そこからイベント発生時の座標とかを参照できるわけ

関数名(xxx)｛｝なら関数を呼び出す時雄に関数名（yyy）でもしない限り、
関数名（）での呼び出しやマウスイベント時に呼び出すように設定したなどの場合、
マウスイベントがxxxに入るであってる？
関数から関数呼び出すときは何も入らないし関数名（yyy）で呼び出すならxxxにはyyyが入ってる

>>650
https://developer.mozilla.org/ja/DOM/event

URL貼るくらいなら猿でもできるんだよボケ

URL貼る方が情報量多い場合もあるし、文句だけなら猿でもできるよね

実際URLの中身見たら理解が進んだ気がしたぞ
ところでevtはevt以外の文字列じゃ機能しないの？aaaとか
中身はeventと同じ？

関数と同じなのでevtでもeでもeventでもなんでも良い

onload時にdocument.getElementById("XXXX").onmousedown = dragStart; なり
addEventListenerなりでイベント設定するとき
appendChildで追加する予定のIDを設定したらエラーになると思うのですが
appendChildで追加するときに呼び出してあげれば問題なくなるのですか？
appendChildで追加するたびに呼び出されても上書きされるだけだから問題ない？メモリとかたくさん食ったりしない？

>>654
EventListenerインターフェースに従って慣習的に evt が使われるだけで変数名に制限はありません。
http://www.w3.org/TR/DOM-Level-3-Events/#events-EventListener

>>656
IE7+ でクロスページリークというリークパターンがあります。
http://msdn.microsoft.com/ja-jp/library/bb250448%28v=vs.85%29.aspx

でもさ、昔の質疑応答なんかが検索で出てきて、回答にURL貼ってたりするの
今見るとほとんどリンク切れでわけわかめなんだよなｗ

DOMの構築は、htmlの上から順にされ
scriptタグが書かれていた場合そこでDOMの構築が一時ストップしますよね
以下のソースの場合だと、jsが実行されたタイミングではid:targetのDOMは構築され
常にエラーが出る事はないと言い切れるのでしょうか？

<div id="target"></div>
<script>document.getElementById("target")</script>

だとすると、スクリプトタグをHTMLの一番下部にかけばDOMContentLoadedイベント等を使わずとも安全といえますか？

>>641
if判定
　処理1
　if判定
　　処理2
　　if判定
　　　処理3

・・・と割と長々と続く場合ifのネストが深くなるのを避けるには
どういう風に書くのがクールなんですか？
returnしちゃうの？
疑問を感じながらも>>640と同じような書き方をしちゃってますわ

>>659
script要素は少なくともbody要素の配下になければなりませんからHTMLの最下部に置けません。
</body> の手前に <script> を置く場合、html要素、body要素の操作以外は正常動作が期待できます。
html, body はDOM構築がまだ途中なので不具合を誘発させる危険性があります。(確か IE に不具合があったような)

>>660
javascriptだとそんなネストもそうそうないと思ったが、
スプレッドシートのキー操作でそんな化け物みたいなやつ書いた記憶もあるなｗ
まぁ、自称javaのプロフェッショナルさんに書き直されたところによれば、
条件反転してでもcontinue/break/returnで抜けるらしい。

ただ、個人的にはif文の条件は率直に書くことが望ましいと思うので苦々しく思ったものだね。
言語の制約によって条件の意味づけが変わるのはなんともプログラマとして望ましいとは思わんからね。

do{break;}whie(false)はプログラムの意味合いが薄れるから良くないと思うわけで、
if文の山ができたら関数わけできるか検討してみるというのが、一般論法。
javascriptは関数内関数が使えるから一つの関数で意味づけを閉じ込めることができるから自分はそういう検討する。
ただ、速度面で、if文の山になるのもやむなしで実装するのもプログラマの度量次第ですかね。

addEventListenerのtypeに指定できる文字列の一覧が見つからない
自分の検索の下手さに絶望した

っ DOM2 Events

つ Document Object Model (DOM) Level 3 Events Specification

正常系のネストを深くするやつはセンスなさそうに見える

>660
if(a==1){ア
if(b==2){イ
if(c==3){ウ
}else{エ}
}else{オ}
}else{カ}
↓
t:swith(true){
case a==1:ア
case a!=1:カ;break t
case b==2:イ
case b!=2:オ;break t
case c==3:ウ
case c!=3:エ;break t
}
もっと複雑なネストも順番を工夫すればどんなパターンでもif無しで書ける

さすがにそれはキモイわ

>668
俺も使ったことないし使おうとも思わないけど
あたらめて見るとある意味直感的でいいかもね
もしこうだったらこうして
違ったら抜ける
違わなかったら先にいく
っていうのはifのネストよりもイメージに近くなるかもしれない
上の方で出てたJAVAプログラマの人も多分より直感的にしたかったんだと思う

うむ、もっともだわな

ラベルはBASICの頃のgoto文を思い出してどうしても敬遠してしまう

リンククリックされたら画面内にポップアップ＋ポップアップ内に動的な内容を表示って
どうしたらできますか？
Ajaxというのは分かるんですけど、実装イメージが湧かなくて・・

質問の内容からして実装イメージがわかない云々以前な気がする
とりあえず想像付く範囲でコード書いてみて

// ポップアップ用のdiv作成
var pop = document.createElement("div");

// popをポップアップ風にして、かつ動的な内容を入れる？
・・・

// ポップアップを追加
document.body.appendChild = pop;

http://procx.jp/nt/
したいのはこういうサイトみたいにあらかじめHTMLに埋め込まれた
ものを表示するのではなくて、ポップアップを表示するタイミング？で
動的な内容を取得、表示することです

ajaxを学べばわかるようになる。
要素生成→取得じゃなくて
取得→完了時に要素生成→追加って流れ。

なるほどです。
Ajax通信の一連処理の中に要素生成とか追加も含めるんですね。
生成、取得、追加とかその辺の流れもよくわからなかったので助かります。

ajax対応のLightBoxとかのソースを参考にすればいいんじゃないかな

こういうの使ってるのか。
ポップアップもLightBox使えばできそうですし、かなりイメージ湧きました。

>>662
サンクス、参考になります。

>>667ども。でもそのswitch構文は
ア が通った場合に必ず カ も実行されて抜けちゃうんでは？

onmousemove でドラッグできねえ
アブソリュート指定しておいた要素のleftとtopの値変えてあげればいいだけなんじゃないの？
ドリームうぃーぱーってじゃばすくりぷとのデバックできないの？
ちくしょう

つ http://html5.jp/html5doctor/native-drag-and-drop.html

質問。
http://www.webcreatorbox.com/inspiration/horizontally-scrolling-websites-30/
このへんのサイトみたいに横スクロールのサイトで、マウスホイールに対応させるには
JAVAスクリプトを使うんだよね？ どうやって作ればいい？ サンプルとかないかな。

あとホイール操作ってどこまでいじれる？ 例えばホイールを下に回すと右斜め下にスクロールしてくサイトとか作れる？

っ チルトホイール

クロージャの質問
function outer(){
var x = 1;
return function (){
alert(x);
x = x + 1;
};
}
outer();//動かない
var f = outer();
f(); // 1
f(); // 2
何故outer();では動かないのですか？
何故var f = outer(); f(); とすると動くのですか？

>>684
outer関数の返り値は処理通り無名関数
alert関数は実行されない
何故ならalert関数を実行する無名関数が実行されていないから
よって、

outer()();

とすればone statementで動く

f変数はouter関数が返す無名関数が代入されているだけに過ぎない

>>685
なるほど関数の実行に()がほしいということですか。
function speak(){alert("hello");return 9+9;}
//document.write(speak());//hello 18
//document.write(speak()());//hello
//document.write(speak()()());//hello
document.write(speak()()()());//hello
という挙動になるのは何故ですか？()が２つ以上になると
returnが無視されるみたいです。

returnが無視とかじゃなくて
firebugとかchromeとかデバッグすると関数じゃねぇぞゴルァ！って来てるかと
document.write(speak()())はdocument.write(18())とやってるのと同じ
18を実行してどうするんだよ…

>667のコスト計算してみたら意外にもほとんど変わらなかった
a!=1で早期に抜ける場合はifの方が2-3倍早いが
a==1,b==2,c==3で奥まで進む場合はswitchの方が2倍早かった
場合によって早いときと遅いときの差がswitchの方がマイルドな感じ
だからswitchの方がいいコーディングなのかも…？

>>683
いやそういう話じゃなくって。全員ユーザーがチルトホイール持ってるわけじゃないでしょ。
持ってない人のための工夫をしたいってことなんだけど。

>>689
可否云々ではなく、標準の動作を書き換えるのはユーザの混乱を招くからやらない方がいいんじゃないかな

var hash = {
1 : function(){ 処理1 },
2 : function(){ 処理2 },
3 : function(){ 処理3 }
};

hash[(条件式の)変数]();

分岐条件が固定値になる処理ならswitch使うなよ。

(function(){
if (!判定1){ return; }
処理1
if (!判定2){ return; }
処理2
if (!判定3){ return; }
処理3
}());

条件が完全にバラバラで統一できないなら、とりあえずこう書いておく。
そのうち個々の処理が大きくなって、それぞれの処理を丸ごと別関数にした方がいいと気づく。

気付いたあと、最初にくだらないテクニック使って最悪なコーディングになってると、
普通のプログラムに書き戻すのがものすごく面倒になってやらなくなる。
スパゲッティのできあがり。

>>690
標準の動作を変えるならそうきっちりアナウンスすればいいと思うし、
いずれにしても混乱が起こらない形でやるつもりだよ。
まずどの程度の事が可能なのかしりたいんだ。その上でどんな実装をするか考えたいんだよ。
とりあえず>>682教えてくれてもいいんじゃないか。

javascriptでただ5分だけカウントダウンするプログラム書きたいんだけど、ググってもわからないので教えてエロい人

>>694
SetTimeOutをしらべりょ

>>695
setTimeoutも調べたんすけど、現在時間とかも取得しないといけないんすかね？

とりあえずなんでもいいからソース書いて来い

>>696
「5分だけカウントダウン」の意味によるでしょ。5分は300秒
だからおおまかでよければ300から1秒毎に1減らして行くという
コードで済ませて現在時刻を取らないというのも可能では。
それでいいかよくないかはアンタにしか決められんよね。

aho() {

i = eval(document.myform.hoge.value) - 1;

if (i > 0){
document.myform.hoge.value = i;
setTimeout('aho()', 1000);
}

}

↑ちょっと変だった。
document.myform.hoge.value = i;
はif文の前がいいな

ネタじゃないん？

>>699
ありがとうございます。夜家に帰ったら試してみます

DateオブジェクトとsetIntervalの使い方さえ分かれば、9割終わる問題だな。
教科書に載せたいsetIntervalの基本、ぐらいの勢いｗ

window.onload = function() {
var div = document.getElementById("count_view");
var count = 5 * 60;
div.textContent = count--;
var time = new Date();
var next = time.getTime() + 1000;
var id = setInterval(loop, 100);
function loop() {
time = new Date();
if (time.getTime() < next){ return; }
next += 1000;
div.textContent = count--;
if (count >= 0){ return; }
clearInterval(id);
}
};

何だかんだで宿題スレ化しちゃうのよね

上で楽天のアドバイスくれた人ありがとうございました

グリースモンキーで無事組めました
感謝してます

twitter APIのstatuses/public_timelineをjQueryの$get()で叩いて
テキストを取得したいのですが、具体的にどのような記述にすればよいのでしょうか？

>>705
連打するヤツのこと？
楽天鯖に迷惑かけないように、インターバル時間には気を使ってな
岡崎市立中央図書館事件みたいなことも無くはないわけだから

>>706
>>1の(1)
つかｊQueryなんて習得するの簡単だしそれくらい自分で分かれよ

ttp://api.twitter.com/1/statuses/public_timeline.json
ttp://stacktrace.jp/jquery/api/ajax/jquery.get.html
ttp://stacktrace.jp/jquery/api/ajax/jquery.ajax.html#datatype

これで分からないなら諦めろ

>>707
常識的に何秒位のインターバルが必要ですか？

人気の商材は本当に数秒で売り切れる・・・・・

サーバ側から何かアクションがあるまでは好きなようにやってよし
自分だけアクセス制限が掛かるのか利用者全体へのリロード規制なのかオマワリサンを召喚するのか
どんなアクションがあるかは不明だけど

>>710
試してみたけど0.25秒あたりが、インターバルの境目っぽいんで、0.3秒くらいの設定でいきます・・・・

素人が適当に組んだスクリプトじゃ
お巡りさんを召喚しかねないな

リクエストを送信するってのは、相手に手紙を送るようなもんだからね。
相手は内容見て対応を考えるけど、対応しきれない量を一気に送られたら処理しきれない。
具体的にどのくらいが処理しきれない量なのかは、相手による。

ここで重要なのは、相手が処理できるかどうかじゃなくて、相手がイヤがるかどうか。
「このぐらいなら処理できるけど、１人でこの量送ってくるのは業務妨害だな」と判断したら
それが正常に処理されたとしても、おまわりさんがあなたに連絡を取ってくるかもしれない。
相手（楽天）は商売でサーバ（店）用意してることを忘れずに。店先で暴れるのは基本厳禁。

じゃぁ、スクリプト組んだ意味ないじゃないですか・・・・・
どうしようかな・・・

一般的にマウスのボタン連打とかでも0.5秒位は反射神経でいけると思うから、それ位かなぁ・・・

そりゃ意味ないよ。普通どこでも禁止スクリプトだもの。

迷惑なスクリプトだな。

ちょっと考えれば迷惑スクリプトだって子とはわかると思うんだけど、「じゃぁ、スクリプト組んだ意味ないじゃないですか」ってところからして自分のことしか考えてないんだろうな

まぁ、でも勉強になったから、意味はあったかな・・・・

他に応用できそうだし。
インターバルは１秒にします。


これで、繋がらなかったら、普通に諦めよう。。。。。
繋がれば数万儲かるけど・・・・

自分が該当ページを表示したときにだけスクリプトが走るんだろうからいけるでしょ
目的の画面が取得できるまでの間だけ走るとか条件つけてるだろうし

>>718
ねえよｗ
最低でも1分にしとけよ

>>720
いや、長くても３０秒で売り切れるんですぜ？ｗ

「長期的に在庫が復活してつながる」

とかじゃなくて

「短期的に○時から一斉限定○個販売」

とかだから、普通に手動でやってる奴でも多分２秒位のインターバルでポストしてるはず

一体何を買ってんだよｗ

あぁまた改行厨は池沼の法則が

在庫云々は完全にスレ違い。

↓ここから別の質問か、もしくは以前の質問への回答↓

ドラッグできないのは何が原因なんだろう

>>708
すいません。自分で見直して書いてみたのですがいまいち不安だったので
自分で書いた物は以下の通りです。
テキスト取得してエラー、正常でアラートを呼び出すように書きましたが
これをonClickで実行させるように書いたのですがテキストが取得できませんでした。
（IE8）

$.get(
'http://api.twitter.com/1/statuses/public_timeline.json',
function (data) { alert(data[0].text); },
'jsonp'
).error(function() { alert('error'); });

>>727
そのコード自体は動いてるみたいだけど。

.error()が書けるのはjquery-1.5+から。動かないならバージョンの確認。
バージョンが足りてるなら、他を見直してみ。

appendChildで<div id="a"><div id ="b">あ</div><div id="c">い</div></div>を追加して
document.getElementById("a").onmousedown = dragIn;が書かれた関数呼び出しても
”あ”とか”い”とか書かれた部分押してもdragInって動かない？

動くとしてもfunction dragIn(evt)内でevt.tagetを拾ってもaじゃない可能性がある？

onMouseMoveで画像の入った要素を移動させようとしても、
画像の場合どこかにドラッグすれば画像をコピーできるような状態になっちゃうけどこの状態をOFFにできますか？

質問です。
replaceが上手く動作しません
原因は何でしょうか
以下ソースです

<html><head>
<script language="javascript"><!--
function test() {
var value = "hogehogehoge";
value.replace("hoge", "hage");
alert(value);
}
--></script></head>
<body onLoad="test()"></body></html>

上記HTMLファイルを読み込むと、「hagehagehage」というアラートが出てくると思っていたのですが、
全く置換されず「hogehogehoge」がそのまま出てしまいます

value = value.replace(/hoge/g, "hage");
valueにいれなおさないと

>>733
入れてるつもりになってました…
先入観って怖いですね…
ありがとうございました

>>730
event.currentTarget を使えばいい

しかしここって荒らす人も居ませんし良いスレですね

そういうのいちいち書かなくていいから

俺もそうは思うけど、直にそういう事言われるとリアクションに困って
大抵汚点をレス抽出で見つけて貼る

var re = new RegExp(str, "g"): // str = クソレス正規表現
while (var i = 0; i < thread_res.length; i++) {
var arr = thread_res[i].match(re);
for (var j = 0; j < arr.length; j++)
console.log(arr[j]);
}
}

問題は、クソレスの正規表現をどう定義するか

きっと単体の正規表現ではできない複雑な処理になるだろうから
正規表現でレスを抽出してreplaceで処理したい

TwitterのiPhone Safari版とか、スクロールが加速してスムーズなんだけど
ああいうのはJSで自作してるんでしょうか。
フレームワークとかで導入できるのはないですか？

694ですが
ソースを書いてみたのですが
function timerset(){
setTimeout("countdown()",1000);
}
function countdown(){
var min = 5;
var sec = 60;
var count = 5*60;
count = count -1 ;
min = Math.floor(count /60) % 60;
sec = count %60;
if(sec < 10) { sec = "0" + sec; }
var value = min + ":" + sec;
document.form1.text1.value = value;
if (count <= 0) {
clearTimeout(timerset());}
}
カウントが止まったままになってしまうのはなぜでしょうか？ご教授お願いします

>>742
カウントを開始する処理はどこにあるの？

>>743
開始する処理を書けば動きますか？

>>744
setTimeoutは１回だけ動く。

a:hoverとかあるじゃないですか？
あれをjavascriptでどう書くんですか？
×a:hover.style.color
×a.style.hover:color
とかしてみましたがだめでした

>>746
mouseover

>>745
ありがとうございます

>>747
つまりできないってことですね？

>>749
hoverになったらmouseoverイベントが飛んでくるからそこで処理すればいい

>>750の優しさに泣いた･･･

onmouseイベントだとどう考えても遅いし
スタイルシートで指定できたらそうしたいんだろう
ただJavaScriptで指定してる以上・・・

JSで動的にスタイルシートを埋め込む。

>>752
>onmouseイベントだとどう考えても遅いし
それが体感できるほどの化石PCを使ってんの？

>>754
いや例えば例だとaだったけど
これがtdの各セルになると結構厳しいぞ
自分がどうとかより訪問者第一に考えないと

>>755
不特定の訪問者第一に考えるなら、tdにhoverなんて使えねえよ。

スタイルシートなら別に問題ない

>>755
アホか>>754を書いた真意がまだ分からんのか
つかtableの各セルとかそんなの>>746のどこにも書いてないし、そもそも質問した本人でもないのに
横から「JavaScriptは重い」とか的外れなチャチャ入れんなよｋｓ

何こいつ

>>742

var timerID = setInterval(countdown, 1000);
/* setTimeout : 設定間隔後に一度だけ実行される
　 setInterval : 解除しない限り設定間隔で実行され続ける
　 戻り値はタイマIDで、タイマ解除（clear〜）にはそのIDを使う
　 タイマ処理で関数を呼び出すだけなら、関数名だけでよい */

var count = 5 * 60;
/* カウント数を入れる変数は関数の外に出さないといけない
　 でないと値を保持しないし、関数が呼ばれるたびに初期値に戻されてしまう
　 関数外に出したなら関数内のcount操作部分にはvarを付けてはいけない
　 関数内でvarを付けると、同名だが別の変数ができて
　 そちらをカウントダウンしようとしてしまう
　 検索キーワード : ローカル変数、変数のスコープ */

function countdown() {
count = count - 1;
// 中略（表示処理）
if (count <= 0) {clearInterval(timerID);}
// 設定時に戻ってきたIDを引数として与えてタイマ解除
}

hoge.attachEvent('click', function(){alert(this)}, false)

addEventListnerではちゃんとhogeオブジェクトを返してくれるのですが、
attachEventではwindowが返ってきます。

attachEventでもhogeを返すにはどうしたらいいですか？

すみません。自己解決しそうです。
メモリリークの心配があるそうですが、クロージャーとやらを使ってなんとかなりそうです。

var outer3=function(){
var x = 1;
var jj=function (n){
alert(x+n);
return x = x +8+n;};
return jj;};
outer3()(2);//3
outer3()(2);//3
outer3()(2);//3
var aaf=outer3();
aaf(2);//3
aaf(2);//13
aaf(2);//23
という挙動になりouter3()(2);ではxの値が保持されないのは
何故ですか？

>>763
>>684の人かな?
「outer3()(2);」ではouter3関数をその都度実行しているから、
xもその度に初期化されて値を保持できない

「aaf(2);」でxの値が保持されているのは、
変数としてのaafに、実行されたouter3関数の状態と共にjj関数が代入されて、
その状態のxがaaf関数に対するレキシカル変数になっているから

「outer3()(2);」で値を保持するなら、xをouter3関数に対するレキシカル変数にしないと
具体的にはouter3関数外でxを変数宣言し、outer3関数内では代入だけに留めてみるとか

>>764
ありがとうございました。よくわかりました。

>>760
少し書き直してみたのですが
min = 5;
sec = 60;
count = 5*60;
function timerstart(){
tim = setInterval(countdown(),1000);}
function countdown(){
count = count -1 ;
min = Math.floor(count /60) % 60;
sec = count % 60;
if(sec < 10) { sec = "0" + sec; }
document.form1.text1.value = min + ":" + sec;
if (count <= 0) {
clearInterval(tim); } }
4:59のまま止まってしまうのはなぜなのでしょうか？

>>766
setIntervalの引数のところ、countdownの直後の丸括弧は要らないです

関数名（関数を参照している識別子）： countdown
関数呼び出し： countdown()
というのに注意してください
例）
setInterval(countdown, 1000);
// countdownを呼ぶようにsetIntervalでタイマ設定
// →OK 設定間隔で呼び出される（countdown() される）

setInterval(countdown(), 1000);
// まずcountdown()と呼び出して、その戻り値をsetIntervalでタイマ設定
// →NG countdown自体は戻り値を持たないので動かない

setInterval("countdown()", 1000);
// 文字列に収められたコードをsetIntervalでタイマ設定
// →OK 設定間隔で文字列内のコードが実行される（countdown() される）

>>767
setInterval(countdown, 1000);
にしてみたのですが、カウントされていかないのは他にダメなところがあるのでしょうか？

>>767
色々いじってたらカウント始まりました
ありがとうございます。
ただ数字が倍々に減っていくので、もうちょっと調べてみます
ありがとうございました^^

>>746
CSSの設定をしたいのなら、document.styleSheets から insertRule でOKです。
https://developer.mozilla.org/ja/DOM/document.styleSheets
https://developer.mozilla.org/en/DOM/CSSStyleSheet/insertRule

>>761-762
hoge でOKですが、実際にはイベントハンドラ関数が別個に定義されてるってことでしょうか？
仰るとおり、クロージャと Function#call を組み合わせれば対応できます。
unload 時の処理を入れればメモリリーク問題も解決可能です。
# わかっているとは思いますが attachEvent には第三引数はありませんし 'onclick' でなければ動きませんので、念のため…。
http://jsfiddle.net/hcvJs/1/

>>769
たぶんデクリメントする処理が
インターバルごとに追加されてる気がする

こんなんでどうだろう
http://jsbin.com/imaviy/3/edit

例えばインターバル時間を1秒として
10回処理を繰り返したときに経過する時間は10秒ではないことに注意

>>761
event.targetでなんとかなろうに

>>772
JScript の attachEvent なら event.srcElement ですが、これはいわゆる this (event.currentTarget) とは違います。
>>770 のリンク先のp要素部分で click してみれば違いがわかるかと。
まあ、hogeに子要素がない条件であれば同じノードを返すのですが。
# 「event.srcElement から parentNode をたどって判定すればいいだろう」とのことならそれも有りだと思います。

ただ、ラッパー的な発想なら実装依存(DOM Eventsで未定義)な this よりも event.currentTarget を書き換えた方がいいかなーとは思います。
ついでに event.target も書き換えればほぼ DOM Events 形式のコードが書けますし。
http://jsfiddle.net/hcvJs/2/
こだわり出すと重くなるので必要最小限のコードがいいかも。
https://gist.github.com/882821

onMouseMoveで座標を変えてあげるだけだと画像をドラッグしようとしたとき
ブラウザのデフォルト仕様？で画像データをドラッグする状態になってスムーズに移動しない状態になります。
これを修正するにはどんな記述をすればいいのですか？画像ドラッグ時の動作を無効化？

>>774
イベントキャンセルしていないじゃないの？

調べた結果、こんなページが見つかったんですが
これを覚えれば>>774の課題は解消できますか？
http://www2.ocn.ne.jp/~yoochan/decoration/JavaScript/DHTML16.htm

>>776
全部コードを読んで試してくれ、ってこと？それぐらい自分で試して欲しい。
>>775で解決しないの？

>>774
https://developer.mozilla.org/ja/DOM/event.preventDefault
http://msdn.microsoft.com/ja-jp/library/cc409956.aspx

>>775
return falseのことでしょうか？でも、これって該当の課題と関係ないような気がするのですが。
実際の現象はここのサンプルを実行したときに画像をドラッグするときと同じで
chromeで実行すると、青くなって移動するけど移動元は残っててマウスボタンを離したときにその場所に動く動作
（アドレスバーに持っていけば画像を直接開ける状態）です。
http://javascript.eweb-design.com/0806_dim.html
の
http://javascript.eweb-design.com/sample/s0806_1.html

>>779
Google Chrome なら event.preventDefault で解決すると思うけど。>>778
「課題と関係ない」と自己判断しないでとりあえず試してみたら？
ミスリードする人も中にはいるけど、間違いがあれば訂正する人が現れると思うよ。

回答者の脳みそが高度すぎてよくついていけなくなるな
回答者の脳内で出来上がった答えを質問者が想像できないパターンがありそうだ

>>781
ついていけない内容を質問すればアドバイスがもらえるんじゃないかな？

イベントキャンセルはFAQにあるんだな、これが
http://fiddle.jshell.net/vSqKr/24/show/#Q9

そもそも画像のドラッグ＆コピーのデフォルトイベントはpreventDefaultで解除できるのですか？
window.attachEvent("onmousemove", dragmove);で呼び出している
function dragmove(evt){の先頭に
evt.preventDefault();を差し込んでみましたが特に変化はありませんでした。
img画像の上をドラッグしたらキャンセルされるような気がしましたが気のせいだったのか自分のコーディングのせいなのかすらわかりません

>>783
そっちは
<a id="nyan" onClick="return addimg('nyan');" href="img/nyan.jpg">img/</a>
でaddimgからfalse返してるので今のところ問題ないです。
今の課題は、addimgで追加したimgを結果としてはドラッグできるけど、ドラッグするときに>>779の状態に陥ります。
>>780を受けて>>784してみましたが変化がありませんでした。

イベントの伝播をとめるstopPropagation()ってのもある
var cancelEvent = function (e) {
e.preventDefault();
e.stopPropagation();
return false;
}
俺はこんな感じで書いて使ってる

>>784
http://javascript.eweb-design.com/sample/s0806_1.html に function dragmove はないようですが…。
デフォルトアクションを抑制するなら onmousedown ですね。
onmousedown="dragOn('img5'); event.preventDefault();" にてGCで動作することを確認しました。

>>787
申し訳ありません。
dragmoveは自分のソースから拾ってきてます。
http://javascript.eweb-design.com/sample/s0806_1.htmlは挙動が同じなのでリンクしたページです。
onmousedownの方で試してみます。

>>787
>>778です。
自ソースで
document.getElementById("nyanko").addEventListener("mousedown", dragSetIn, false);
から呼び出しているfunction dragSetIn(evt){の先頭に
evt.preventDefault();を差し込んだらうまくいきました。
ありがとうございます。

>>786
わかって書いてるのかとも思いましたが、やっぱり変なので一応指摘を…。
event.preventDefault を使えない実装のために return false を併記しているようですが、event.preventDefault がなければ TypeError でスクリプトが停止してしまうので return false まで進みません。
あえてそうするなら下記のようになるかと。(stopPropagation も同じで IE8- は TypeError になると思います)

if (event.preventDefault) {
　event.preventDefault();
} else {
　return false; // IE対策なら event.returnValue の方が扱いやすいかも
}

あと、イベントの伝播とデフォルトアクション抑制は別物なので>>774のケースでは併用する意味がないです。
イベント伝播の抑止(stopPropagation)は親ノードでイベントを受け取りたくない場合に使います。
なぜかその辺混同して一緒くたに説明しているサイトがありますが、信用しないでください…。

>>789
解決して何よりです。
一応、HTMLの onmousedown 属性なら return false; でクロスブラウザできますが、外部スクリプト化するとFAQのように書く必要があります。
return false; は独自実装だったところをHTML5で再定義された「古くて新しい仕様」ですが、実装が追いついていない現状ではあえて選択する理由がないと思います。

stopPropagation は使ったことないなあ。有効な使い道が思い浮かばない。

if (event.preventDefault) {
　event.preventDefault();
} else if(event.returnValue){
　event.returnValue();
}else{
　return false;
}
こうしておけば良い感じ？

>>791
複数のユーザがイベント仕掛けるときに変な動きしないためとか
htmlならあんまり使わないかもね

>>792
どうしてreturnValueを呼ぼうと思ったんだ

<div>
<a id="x001" href="#">x001</a>
<a id="x002" href="#">x002</a>
<a id="x003" href="#">x003</a>
</div>
とリンクを並べたときこれらのリンクのみクリックを検知したい場合、もっとシンプルでスマートな方法はありませんか？
現状は以下のように全パターンセットして同じ関数に飛ばして飛ばした先でevt.targetで拾っています。
document.getElementById("x001").addEventListener("click", clickon, false);
document.getElementById("x002").addEventListener("click", clickon, false);
document.getElementById("x003").addEventListener("click", clickon, false);

間違った
event.returnValue = false;だ

>>792,795
mouseover は true でキャンセルするので、万全を期すなら下記かなと。(IE のおかしな仕様を受け継いでます)
http://www.whatwg.org/specs/web-apps/current-work/multipage/webappapis.html#event-handler-attributes

if (event.preventDefault) {
　event.preventDefault();
} else if (event.returnValue){
　event.returnValue = event.type === 'mouseover';
} else {
　return false;
}

>>794
document.getElementsByTagName('div')[0].addEventListener('click', function (event) {
　if (event.target.tagName !== 'A') {
　　return;
　}
　alert('a clicked!');
}, false);

>>796
失礼。return false; は return event.type === 'mouseover'; に置き換えてください。

すみません、嘘つきました。
if (event.returnValue) は event.returnValue === false の状況で正しく働きません…。

if (typeof event.preventDefault === 'function') { // [[Call]] を持つnativeオブジェクトなら
　event.preventDefault();
} else if ('returnValue' in event) { // returnValueプロパティを持っているなら
　event.returnValue = event.type === 'mouseover';
} else {
　return event.type === 'mouseover';
}

IEで
if(window.attachEvent){は通るのに
window.attachEventで関数は実行されないの？
document.body.attachEventは動くけど……

>>796
ありがとうございます
divにidつけておけばgetElementsByTagName('div')[0]を
getElementById("XXX")でもできそうですね

>>799
実行されるはずだけど

>>801
うそん
アラートとか仕込んでも無反応だったよ
バージョンは8.0.7601

>>802
実行される
http://jsfiddle.net/DCrUk/

thisって未定義だったのか

何故俺の環境だとwindow.attachEventが動かないんだろう
何かがおかしいんだろうけど

>>784
ondragstart="return false;" ondrag="return false;"を仕込んどけ
イベント属性として直接書いた方が都合がいい

完全分離を目指してそうだけどどうなのかね

CSSセレクタのようにパターンと即値が分離されていれば
即値であるノードの変更に影響されることがない
IEのbehaviorやMozillaのXBLはこの点で優れていた

即値である個々のノードに直接ハンドラをぺたぺたくっつけて
何か分離したかのように主張するのは、何かを勘違いしている

ま、dragstartもdragもバブルするから嫌なら祖先にでもつけておけ
いずれにせよイベント属性として書いておけば
document.body.innerHTMLを書き換えるような乱暴なスクリプトを使われても
ハンドラが生き残る可能性が高い

800超えたので、「今」テンプレ論議あればどうぞ。次のテンプレ
からはFAQを復活させるということでFA？

関連スレ>>3はネトゲも入ってるしチェンジか削除

>>15

FAQのナンバーを本スレと別サイトでバラバラなのを直せよ
本スレの1〜9を前にもってきて残りを足せばいいだろ
これ書いた奴頭悪すぎ

>>811
よし、まかせた
頼んだぞ！

>>805
>>803も動かないならあなたの環境の問題
そうでないなら再現するコードを>>1紹介のサイトにUP

>>396でいわれてるけど名前をレス番にするルールも加えたらどうだろう
複数の人が長時間いると対応関係がわからなくなってくる

あと、IDもだしてくれると分かりやすい気がする。

ID出しは消極的ながらも>>1に入ってるんだよなー
強制力がないためか誰も守ってないけど
強制すべきなんだろうか

別件で
http://kangax.github.com/es5-compat-table/
http://kangax.github.com/es5-compat-table/non-standard/
をFAQのリンク集に入れて欲しい

難しいところだな
強制することに異論はないが、強制したことで「ID出せやゴルア！」な連中が出てくるのは避けたい
とはいえ、ここは良識ある人が多いからさりげなく指摘してくれるかもしれない

>>811
おまえは上から目線過ぎ
作った人はバラバラだし更新義務のあるカスタマーサポートでもないんだから

choromやFirefoxでは動いたのですが、IE8だと動きませんでした。どうしてでしょうか。
window.onload = function(){
if(window.addEventListener){window.addEventListener("mousemove", move, false);
}else if(window.attachEvent){window.attachEvent("onmousemove", move);
}else{window.onmousemove = move;}
}
function move(evt){
var msg2 ="move";alert(msg2);
}

善意が前提の上でオナニーを原動力に成り立っております

屈折した人だねえ

こういう人の原動力は悪意だから気にしないのが吉

>>819
windowじゃなくてdocumentにつけろ
それとonloadなんて忘れろ、いらん

(案1) ID推奨、レス番を名前推奨
(案2) ID推奨、レス番を名前強制
(案3) ID強制、レス番を名前推奨
(案4) ID強制、レス番を名前強制

(案2) が妥当かな。ID強制するなら (案4) を推すが守るのが難しそうだ。
1ヶ月で1スレ消費するようだから様子見で試してみる手はある。

>>823
もう少し詳しく教えていただけるとありがたいです

>>816
入れた
http://fiddle.jshell.net/vSqKr/25/show/

window.onclick = function(){window.addEventListener("mousemove", move, false);}
ってやって画面をクリックしまくるとメモリ上では何が起きるのですか？
window.addEventListener("mousemove", move, false);を複数回実行してしまうと何か問題がありますか。

>>825
document.attachEvent
何で window につけたん？

>>828
いろんなサンプルを見た結果です。

windowで動かなかったので今はwindow.document.body.attachEventにしてます（これだと動きました）。
上の方にあるできないわけがないよ！って意見やwindowにそもそもattachEvent入ってないよ的な意見をネット上から拾えましたが
そもそも何でIE8で動かないのかという理由に辿りつけなかったため、ここで質問しました。

>>829
バブリングが上方向に伝播するのは document までです。(DOM L2 Events 規定)
window まで伝播するのは HTML5 規定によるもの。
IE8- は HTML5 を実装していませんので window まで伝播しません。
http://www.y-adagio.com/public/standards/tr_dom2_events/events.html#Events-flow-bubbling-h3

>>830
ありがとうございます。現状だとdocumentにつけておけばよさそうですね

>>831
現状というか、将来的にも mousemove を window で待つ意味がないように思えます…。
document ではダメで window でなければならない状況ってあります？
window はそのままで document だけ書き換えるとかいう状況がある…のかなあ。

ビューであるwindowと文書木であるdocumentは別空間だから
documentのイベントがwindowに伝播するというのが本当はおかしい
時空を超えてるわけだからな

windowに伝播するのはHTML5というか
ネスケIE時代のwindow.documentの挙動を追認したもの

ちなみに>>827は複数回登録されて複数回実行されるようなのですが正しいですか？
どっかで読み込んでるときはどっかで消しておかないと不味そうですね

何度も仕様リンク出てんだから読んでやれ
addEventListenerは同じフェーズでの同じリスナ登録を無視する
それだけだ

attachEventは登録されるようだから不要になるタイミングで削除しておけばいいんじゃね？

window.onloadいらないってのはどういうことだろう

attachEvent周りの出来事はよくわからないものだらけ
二重登録だのメモリリークになるだの
すでに登録されているかどうかを確認するには配列用意して関数とか登録しておくしかないのかね？
登録する前に削除すればいい？エラーにならない？

だから何年も前にこのスレで「エセ外人」がたびたび言ってただろ
ほとんどの奴は理解できずに流してたようだが

バブルするイベントはdocumentに一個リスナを取り付ければ十分
この方法で二重登録が生じるとしたら、コードのバグに他ならない
documentはグローバル変数だから、メモリリーク対策にもなる

バブルしないイベントはHTMLの属性で書き、eventを使う
これは>>808のようにinnerHTML対策の他、cloneNode()対策でもある
DOM Events仕様では、ノードを複製してもイベントリスナは複製されないからだ

二重登録が生じやすいのは、複製したノードにイベントリスナを付けるとき
IE7ではノードの複製でイベントハンドラも複製されるため
IE7とそれ以外で重複管理を分けなければならないからだ

エセ外人の方針でやれば、この重複管理の手間がいっさいなくなる
クロージャとか面倒な工夫を凝らしてエンバグするより
仕様をベースにシンプルに考えろ

自分のコードが他人のコードと共存するのは普通に想定されることだが、
その他人のコードがHTMLをぐちゃぐちゃに書き換えることまで想定しなきゃならんとしたら、
俺は自分のコードがまともに動くことを保証する方をあきらめるだろうな。

document.body.innerHTMLで丸ごと書き換えるような乱暴なコードを許容するほど寛容なら、
window.undefined = 3; とかやられても許容する寛容さも持ち合わせてるんだろうが、
俺はそこまで仏にゃなれない。

IDには固執しないほうがいいよ
PHPスレを見てきてご覧
あんな風になる

\u306f\u308d\u30fc\u308f\u30fc\u308b\u3069
closure compilerでスクリプト中に日本語があると
こんな具合に変換されるのですが
innerHTMLとかの指定でも日本語をそのままJavaScriptにかくのはよくないんでしょうか？

>>841
ん？二重登録で失敗するのは自分という話だろ？
undefined変数なんて使うのは普通に不用心なだけで、だからどうという話でもない

ついでに、attachEventで登録したハンドラの実行順は（ほぼ）ランダムだから
実行順が必要になるようなシビアなコードを書いたことのある奴なら
エセ外人の方針を応用すれば、かなり簡単になることが分かるはず
どうせキャッシュを使うだろうから、重複チェックはそれでも可能だ

あいつは本当にいいことを言ってたんだが、スレの奴らはほぼスルーだったな

>>844
イベントハンドラの登録方法をゴリ押ししたいのは分かったから。
そんなもん、理屈を分かってない奴は説明されても理解しようがないし、
サイ本読んでる奴はいちいち「おおなるほどすげえ！」なんて賞賛レス返さない。
スルーされて当然の内容だから。

俺が言ってるのは、自分が操作対象にしてる部分を
他人のコードが無節操に掻き回すなら、
俺は自分のコードの動作保証をしないってことだから。

javascriptの操作対象は多岐に渡る。たとえばCSSだって対象になる。
自分の捜査対象範囲のtableにposition:absolute;つけといて、浮動表示前提でスクリプト書いたら
他人のコードでルールを削除してやがったとか普通にありえる。
イベントハンドラの登録なんていう、ほんの極一部だけ他人のコードを気にしたところで
どうにもならん時はどうにもならないし、ダブリ登録なんてのは
そういった他のコードとの干渉を自分で作り上げてるのと大差ない。

限度を超えて干渉してくる側を修正しなけりゃどうにもならないことを、
干渉される側でどうにかしよう（どうにかできる）と考えるのは無駄すぎだと言いたいわけ。

MDCのDOM documentのページのイベントハンドラの項目にはononlineとonofflineしかないから
documentにはイベントはこれらしか付けちゃだめなんだと思ってました

>>845
DOM Eventsのイベントフローってのが『他人のコードが無節操に掻き回』しても
『自分のコードの動作保証』をするための仕組みを提供しているのに
それを使わないで『干渉を自分で作り上げてる』のは何故だ？
あんた自身が『理屈を分かってない』から、ではないの？

>>846
あんた自身が言うように、イベントデリゲーションは基礎の応用にすぎない
それだけでいろんな問題を解決できる、と言ってるわけで
『限度を超えて』とか、何でそんな大層な話にしたがるのだろうか

本当はここからノードパターンの識別という話をしたかったんだがな
イベントのバブリングは、実はセレクタと非常に相性がいい

>>848
提供されてねえよｗ

Array.prototype.length = 0;

他人の書いたこの１行だけでもプログラムは崩壊する。
こんなのが山ほどあるのに、いちいち対応してられるかよ。

>>850
イベントフローの話から、なんでArrayが出てきた？
まあそれならそれで、『崩壊』するコードの例と実行環境を出してくれ
あんた、ひょっとしてプロトタイプチェーンもよく理解してないんじゃないのか？
さっきundefined変数を普通に使ってるようなことを書いてたし、心配してはいたんだが

>>850
で、俺はイベントデリゲーションのメリットを挙げたが、あんたはデメリットを挙げない
あんたが「自分には必要ないと思っている」のは分かったが、それは俺の主張に対する反論にはならず
俺が『ゴリ押し』している根拠にもならないことは、理解しているよな？

イベントデリゲーションのデメリットは大きく2個あると俺は考えるが
あんたからそれが出てこないということは、大した問題ではないのだろう
さるさんも出てきたし、俺はここまでにするよ

>>824
その４つの中なら１だなぁ・・・
>>842でも出てるけどほんと悲惨
IDに関してスレに記述した当初はさほど問題は無いけど
そのうち強制じゃなきゃだめだという風にかわってく

>>852
横からだけどイベントバリデーションは話の発端となっただけで>>850はイベントバリデーションの話はしてないと思う。
「初心者にJavaScriptの基礎(イベントバリデーション等)を覚えさせるより、初心者がいい加減なコードを書いても動くように上級者が書いた方が手間が少ない」
彼はこれしかいってない。
prototype汚染を回避するために Array.prototype を定義しないのと理由は同じ。
「addEventListener を封印してHTMLのイベント属性を使えば初心者でもわかるだろ」ってこと。
理屈はわかる。裾野を広げればどこまでもルール無用のコードになって保守性が著しく低下するから賛成しないけど。
そもそも、コーディング規約を作って初心者に教える努力を怠らなければ解決できる話。

>>853
IDは確かに強制しない方がいいかもね
ただ、レス番を名前は複数人が質問したときにホント困るから守って欲しいんだよなあ
「IDなし、名無しの状況で誰が誰かわかれ」って方が無理があると思う

(案1) ID推奨、レス番を名前推奨
(案2) ID推奨、レス番を名前強制
(案3) ID強制、レス番を名前推奨
(案4) ID強制、レス番を名前強制
(案5) ID推奨、レス番を名前強く推奨
(案6) ID強制、レス番を名前推奨 or ID推奨、レス番を名前強制

(案5) > (案6) > (案2) かなあ
(案6) は複雑すぎるかもしれないけど、強制対象を選択できる自由度はある

わざわざ名前欄に番号を入れるのを忘れることはあっても
メ欄を空のままにすればID出るから

と、ここまで書いて、専ブラでsageをデフォにしてるヤツのことを思い出した

匿名掲示板で名前を強制すると自演が増える法則

(案1)
(3) メール欄は空欄、2回目の投稿時は「前回のレス番」を名前にすることを推奨します。長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。

(案2)
(3) メール欄は空欄を推奨。2回目の投稿時は前回のレス番を名前にして下さい。長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。

(案5)
(3) メール欄は空欄を推奨。2回目の投稿時は前回のレス番を名前にすることを強く推奨します。長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。

(案6)
(3) 「メール欄は空欄」「2回目の投稿時は前回のレス番」のいずれかを守ってください。長い間連続して質問する場合にレス番かIDを明示すれば、質問の流れが回答者に伝わりやすくなります。

レス番を入れて貰った方がいいな
IDは日付を跨いだときに質問の流れを追うのが面倒

>>857
質問者が自演して何か得することある？

attachEventのdragとかはdocumentにそれぞれ１個だけつけておいてその中でどの領域がドラッグされただのを検知してやればいいって話？
登録時にgetElementByIdとかで指定するんではなく

>>851
まず第一に、JavaScriptが操作対象にしてるのは、別にDOMに限ったことじゃない。
document.body.innerHTMLを誰もが操作できるのと同じように、
Array.prototypeも誰もが操作できるし、
そうしようと思えば、誰もが document.addEventListener = null; なんてことができる。
JavaScriptの環境ってのは、そもそもが、カギのかかってない倉庫みたいなもんなわけ。

誰かがdocument.body.innerHTMLに丸ごと干渉するコード、
たとえば丸ごと書き換えるようなコードを書く可能性がある。それ自体は正しい。
だが、それに対する対処として正しいのは、そんなバカげた処理をしないように
干渉するコードを書き直すことであって、そのコードと共存する側のコードが
そんなバカげたコードの存在を前提にして、面倒な処理をするのは無駄すぎる。

標準化されたDOMが提供しているものがあるとすれば、
それは、他者のコードに極力干渉することなくコードを書く手段を提供している。
全員が全員これに従って、お互いに極力干渉しないコードを書けば、
問題が発生する可能性は非常に小さくなる。
だから標準に従うことは重要だし、干渉しないことに注力することも必要。

だが、DOMの実装が、JavaScript内でJavaScriptに普通に従って実装されている以上、
DOM標準に従ってコーディングしたからといって、他からの干渉に完璧に対処して
正常な動作を保証することができるというわけじゃない。そんな優れたサンドボックスは提供されてない。

>>860
質問者になりすました第三者が荒らしたりする

>>863
自演じゃないやん

下手にテンプレを大きく変えようとするからおかしくなる
今まで上手くいっていたのをわざわざ変える必要はない
プログラムとおんなじだよ

クロージャは罪なの？

ここまで当然のように語られてるから聞くのが怖いのですが
エセ外人さんが言っていたレスはどこまで辿れば見れますか？

問題視されてるんだから上手くいってない面もあるんだろう
実際流れがわかりにくい

JavaScript 第5版
http://books.google.co.jp/books?id=RDqQXFA42-kC&printsec=frontcover
初めてのJavaScript
http://books.google.co.jp/books?id=om2V2n9zw0oC&printsec=frontcover
Head First JavaScript: 頭とからだで覚えるJavaScriptの基本
http://books.google.co.jp/books?id=JxnSxoUdlXEC&printsec=frontcover

ここらへん関連リンクに入れない？

>>858安だったら5だな
強制はどれかをしていない場合テンプレ読めで終わる事が多い
そういう風潮はちょっと残念だし

(案7)2回目以降レス番を名前推奨

俺これね

>>840
> 二重登録が生じやすいのは、複製したノードにイベントリスナを付けるとき
> IE7ではノードの複製でイベントハンドラも複製されるため
IE9 で修正されたバグのようです。IE8 で未修正であることを確認しました。
http://jsfiddle.net/8nxpa/3/

>>869
入れた
http://fiddle.jshell.net/vSqKr/26/show/

detachEventしようとしたイベントがないとエラーになるの？

>>873
試せばわかることを何で聞くの？

(案1) ID推奨、レス番を名前推奨 // >853 (1票)
(案2) ID推奨、レス番を名前強制 // >824 (1票)
(案3) ID強制、レス番を名前推奨
(案4) ID強制、レス番を名前強制
(案5) ID推奨、レス番を名前強く推奨 // >855,869 (2票)
(案6) ID強制、レス番を名前推奨 or ID推奨、レス番を名前強制
(案7) 2回目以降レス番を名前推奨 // >870 (1票)

誰か Vol.87 の過去ログ持ってない？
http://www2.atpages.jp/mirror/2ch/javascript/ にUPしてくれると嬉しい

した

うわかぶった

>>877
ありがとう

>>878もありがとう

ここまでのテンプレまとめ
http://codepad.org/CdUhJKNu

(2) ユーザの迷惑になるスクリプトの質問はご遠慮ください。
↓
(2) 迷惑になるスクリプトの質問はご遠慮ください。

迷惑するのはユーザーだけではなくなってるから変えたほうが良いのかもしれない

エセ外人ってか、
やたら「アホ外人が俗に言うイベントデリゲーション」とか書いてた人だろう。

>>862
「俺がグローバルにiを使うからお前らは使うなよ」
「いやvarがあるんだから使ってよ、こっちも使いたいんだから」
「そんな馬鹿げたコードの存在を俺は認めない」
「…わかったよ、こっちがvarすればとりあえず回避できるから、君らもそうしな」
「まったく馬鹿げたコードを書く奴は困る」

お前の言ってるのはこういうことだぞ？

(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
…とか。

(2) 迷惑な質問はご遠慮ください。

>>884
862のなにをどう解釈したのか知りたくもないが、
とりあえずカケラも理解できないレベルなんだってことは分かった。

俺の言ってるのは、飲酒運転する車が道路を走ってる場合に、
飲酒運転の車を取り締まれよってことだ。全員が道交法を守れば問題ないと。
ゴリ押ししてる奴の論理は、飲酒運転する車がいることを想定して
歩行者が避けりゃいいと言ってるわけだ。被害者にならないように自衛（笑）しろと。