━━━本スレに書く事を許される者は以下の通り━━━━━
　一、正しい(validな)HTMLとは何か知っており書ける者
　一、JavaScriptはJavaとは別物であると知っている者
　一、自ら学んでJavaScriptコードを書く意思を持つ者
　一、ユーザに迷惑となるスクリプトを書かない者
　一、質問を分かる日本語できちんと説明できる者
　一、トラブルを再現する最小限のサンプルを貼れる者
　一、テンプレ+FAQ>>2-10/過去ログ/関連資料を読める者
━━━━━━━━━━━━━━━━━━━━━━━━━━━
自力で書く気がない人は他のスレへ(テンプレ末尾参照)。
前スレhttp://hibari.2ch.net/test/read.cgi/hp/1291963517/
[必読]過去スレ全集http://www2.atpages.jp/mirror/2ch/javascript/
　　　 　 （閲覧のみ）http://usamimi.info/~mirrorhenkan/2ch/javascript/
　　　 　 （閲覧のみ）http://wing2.jp/~mirrorhenkan/2ch/javascript/
[必読]ガイドhttp://developer.mozilla.org/Ja/JavaScript
(GuideをReferenceに→Netscape版言語仕様。多くの実装が準拠:ECMA-262.ed3)
FAQ・注意・過去ログ・仕様書・関連資料・関連スレ>>1-7

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

【FAQその1】
Q1. 開いた別窓/フレームの内容にアクセスできないのですが…
A1. ページ内容が別サーバの場合セキュリティ制約により絶対無理です。
Q2. JavaScriptでローカルファイルを読み/書きたいのですが…
A2. Webではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
Q3. 同じタグの中でonclick="foo()"とonclick="bar()"を同時に使いたいのですが…
A3. セミコロンで複数の文を区切れます。onclick="foo();bar();"としましょう。
Q4. document.write(...)でページ内容を追加したいのですが…
A4. 一度ページ表示完了後にwrite()すると内容はクリアされちゃいます。
　 部分的に内容変更するには(1)他フレーム/iframe/別窓への表示、
　 (2)textarea等への表示、(3)DOMでノード挿入、(4)innerHTMLのどれかで。
　 innerHTMLは非標準ですがIE、Opera、Safari、Gecko(N6/N7/Firefox等)で対応済。
Q5. table/tbody/tr要素のinnerHTMLを書き換えるのがうまく行かないのですが…
A5. IEはそれらの要素のinnerHTMLは変更不能。DOMを使って書き換えるか
　 <div><table>...</table></div>とでもしてdivのinnerHTMLを書き換えましょう。
Q6. DOMでtable要素にtr要素を追加しても表示されないのですが…
A6. DOMでは(XHTML 1.x除く)tbody要素にtr要素を追加する必要があります。
　 tbody要素はtbodyタグを書いていなくても自動的に作成されます。
　 またはtable.insertRow()/tbody.insertRow()を使いましょう。
Q7. 変数w1、w2…を順にループで(番号をiに入れて)設定/参照したいのですが…
A7. グローバル変数はwindowのプロパティだからwindow['w'+i]を読み書きすれ。
Q8. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A8. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
Q9. Aタグのonclickで動作指定してるのですが時々動きません…
A9. 「onclick="...;return false"」としないとページ移動しちゃうから。

【FAQその2】
Q10. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A10. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q11. 100*1.15の結果が114.999…998となってしまうのですが…
A11. コンピュータの実数計算は全て近似値だと思え。誤差が嫌なら整数で計算。
Q12. 任意のデータをサーバ(別鯖ではない)から取り寄せたいのですが…
A12. IE7/Gecko/Opera/Safariのnew XMLHttpRequest()、IEの
　　new ActiveXObject("Msxml2.XMLHTTP.6.0") (または"Msxml2.XMLHTTP.3.0")
　　を使えばできます。古いブラウザだと隠しフレームに読むなどのワザが必要。
Q13. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A13. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
　　複数の関数を呼びたいときは obj.onclick=function(){foo();bar();};
　　という風に無名関数を作りましょう。中に書かれたコードが実行されます。
Q14. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　 「"...this..."」とか「function(){...this...}」ではうまく行きません。
A14. それらが実行されるときはthisは別のもの(window等)を指してしまってる。
　　「function(x){return function(){...x...};}(this)」のようにthisを別の変数に
　　束縛しその変数を使って。循環参照によるメモリリーク問題あり(この項記述検討中)
Q15. 文字列の置き換えをするときにコードを使いたい(Perlのs///e)のですが…
A15. string.replace(/.../,function(str,p1,p2,...,offset,s){...})としましょう。
　　正規表現にマッチした文字列がreturnで返された文字列に置き換えられます。
　　各引数はstrがマッチした部分文字列、p1,p2,...が1番目、2番目、…の()の中身、
　　offsetがマッチした位置、sが置き換え前の文字列全体になります。

【FAQその3】
Q16. input type="file"の値を設定(参照)できないのですが…
A16. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q17. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A17. コード実行時点でHTMLがそこまで読まれてない。onload中でやるとか。

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

ECMA-262 ed.3
→http://www.ecma-international.org/publications/standards/ECMA-262.HTM
→http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
W3C Document Object Model Technical Reports
→http://www.w3.org/DOM/DOMTR
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
→http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
→http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
→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
E4X (ECMAScript for XML)
→http://www.ecma-international.org/publications/standards/Ecma-357.htm
→http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html (和訳)
Mozilla Gecko DOM Reference, Netscape devedge
→http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
→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

【チュートリアルサイト・サンプルサイト】
規格が読めないならまずはチュートリアル。サンプルサイトも沢山ある。
(以下は精選すべきとの議論あるが進んでいないので玉石混淆)
MetaGraphic Cell
→http://www2u.biglobe.ne.jp/~oz-07ams/prog/
どら猫本舗のリファレンスカウンター
→http://www.doraneko.org/
はぎさんちのページ Mozilla's DOM Sample Project
→http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi
一撃必殺javascript
→http://www.openspc2.org/JavaScript/
【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！
Webサイト制作初心者用質問スレ part222
→http://hibari.2ch.net/test/read.cgi/hp/1291304974/
CSS初心者スレッド＝9th＝
→http://hibari.2ch.net/test/read.cgi/hp/1287470663/
役に立つ書籍は？ 4冊目
→http://hibari.2ch.net/test/read.cgi/hp/1172823674/l50
1行javascriptプログラミング
→http://hibari.2ch.net/test/read.cgi/hp/1066750037/l50
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
→http://hibari.2ch.net/test/read.cgi/tech/1243095768/l50
【誰か】jQueryのここがわからない【助けて】
→http://hibari.2ch.net/test/read.cgi/tech/1229881548/

ファイル関連のメモ
Q18. ローカルファイルを読み込みたいのですが
A18. HTML5草案でFile APIが利用できます。対応ブラウザはまだ少ないので注意。http://www.w3.org/TR/FileAPI/
Q19. ドラッグ＆ドロップでローカルファイルを読み込みたい。
A19. HTML5草案でDrag and dropイベントが利用できますA18と併せて利用可。以下略http://www.w3.org/TR/html5/dnd.html
Q20. A18,A19を使ってファイルをアップロードしたい。
A20. HTML5草案でXMLHttpRequest以下略http://www.w3.org/TR/XMLHttpRequest2/#the-formdata-interface

なんか、HTML5のJavaScript関連とかをまとめて整理して載せる
ようにした方がいいんじゃないかと思えてきた。

Web Storage APIhttp://www.w3.org/TR/webstorage/
Web Sockets APIhttp://www.w3.org/TR/websockets/ #欠陥規格
Web Workers APIhttp://www.w3.org/TR/workers/
Web Messaging APIhttp://www.w3.org/TR/webmessaging/
File APIhttp://www.w3.org/TR/FileAPI/
File API: Writerhttp://www.w3.org/TR/file-writer-api/ #ファイル書き込み
Indexed Database APIhttp://www.w3.org/TR/IndexedDB/ #データベース
XMLHttpRequest Level 2http://www.w3.org/TR/XMLHttpRequest2/
Cross-Origin Resource Sharinghttp://www.w3.org/TR/cors/ #XMLHttpRequest Level 2でクロスドメイン
Selectors API Level 2http://www.w3.org/TR/selectors-api2/
-
Offlinehttp://www.w3.org/TR/html5/offline.html
Videohttp://www.w3.org/TR/html5/video.html
Canvashttp://www.w3.org/TR/html5/the-canvas-element.html

HTML5関連はまだまだあるけど量が多すぎて直接見てくれって感じだわ
http://www.w3.org/TR/html5/

フラグたくさんついてるスクリプトってかっこいい？ださい？

>>10
なんで欠陥規格なの？

>>13
http://hacks.mozilla.org/2010/12/websockets-disabled-in-firefox-4/

ストレージ関連っていろいろなかったっけ
いろいろあるのはgoogle chrome界隈だけだっけ

>>14
読めない

>>16
要約
WebSocketsには穴があってキャッシュを汚染できる脆弱性があるということ。
そしてこれはプロトコルの問題であって、ブラウザは関係なくFlashやJavaにも影響すること。
なのでFirefoxとOperaはこの問題が解消するまで実装を無効にしている。

>>17
ありがとう！

>>15
webkitもgeckoもnightlyではそんなに大差ないと思うよ

JSAN（http://www.openjsan.org/）って使ったこと無いんだけどどうですか？
使い方も何も分かんないんですけど、prototypeやjQueryなんかと違うのでしょうか?

デモなんかも見つからなかったのでどうなんだろうと思いまして
皆さんはどういう場合に使ったりするのでしょうか?

>>21
ぐぐってみたけど、比べるもんじゃない気がする

javascriptが上達する為にはどうすればいいですか？
あとお手本になるようなサイトはありませんか？
できるだけ大規模なものがいいです！

このスレのテンプレにあるサイトだけでも
かなり勉強になるとは思うがどうでしょ
上達するためには

書く→うまくいった気になる→調子にのる→
→思わぬ穴が見つかる→痛い目を見る→書く

を続けないとなんとも

>>23
www.google.com

数をこなす以外にないよ

グーグルめっちゃキモいですよ。ホントにお手本になるなら改行改行TabTabして見てみますけど、実際どうなんですか？
http://www.google.co.jp//extern_js/f/CgJqYRICanArMEU4ACwrMFo4ACwrMA44ACwrMBc4ACwrMCc4ACwrMDw4ACwrMFE4ACwrMAo4AEAdLCswFjgALCswGTgALCswJTjPiAEsKzA1OAAsKzBAOAAsKzBBOAAsKzBNOAAsKzBOOAAsKzBTOAAsKzBUOAAsKzBfOAAsKzBpOAAsKzAYOAAsKzAmOAAsgAIokAIr/-vy0zis_p7A.js

あ、スクロールバー出てしまった。おとなしく数こなす事にします。

>>27
マジレスすると、元ソースはもっと人間が読みやすいのが別にあって
それを機械で短縮してる

短縮するのツールはもともとグーグルの社内用の物だったんだけど
今は一般に公開されてる。Google Closure Compiler
http://closure-compiler.appspot.com/home

googleはけっこう標準外多いからあんま参考にしない方がいいよ

>>29
サイトありがとうございます。使わせてもらいます。

>>30
MSNの新バージョンなんかよさそうじゃないですか？
http://jp.msn.com/
http://kaw.stj.s-msn.com/br/sc/js/97/0adac54f4a9c1c7adb6821244a02b9.js

ちょっと小耳に挟んだんですがprototype.jsやjQueryのライブラリそのものを読むと結構いいみたいですね。
長くなったのでこの辺で終わります。

http://www.ajaxtower.jp/jquery/install/index3.html
コレを見ると、jQueryのAPIがダウンロード出来るようですが、自分には見つかりません
いったいどこからjQueryのドキュメンテーションをダウンロードできるのでしょうか？

以前は出来たけど、今は出来ないのでしょうか?
もしそうだとしたらファイルの置いてある場所はどこなないでしょうか？

気になってがんばって読んでみた
WebSocketsの欠陥というよりプロキシの欠陥じゃないか
ソケットで自由にデータを送れると欠陥プロキシのキャッシュを汚染できると・・・
同様にソケットで自由にデータを送れるFlashやJavaでもキャッシュを汚染を引き起こせると
それで欠陥プロキシを通しても問題ないようにWebSocketsの仕様を変更しようってことか
まぁそれはいいけどFlashとかJavaでできるんならWebSocketsだけ封印してもあんまり意味ないんじゃ
欠陥プロキシの方を直さなきゃ

>>35
あー。さらっとはみつからんね。
ページ保存しちゃえば？

>>35
君には無理みたいだからあきらめな

http://docs.jquery.com/Alternative_Resources
ここに腐るほどあるじゃねーか

javascriptであいまい検索用の文字列を生成したいんですけどわかりません。

2chを検索したい時、

2ch
２ｃｈ
2ｃｈ
２ch

とか、全半かなカナのパターンをリストに出したいのです。

検索対象を揃えたほうがいいんじゃないの

cが全角でhが半角のパターン、とかやってたらとんでもないから
何をしたいのかわからないけど>>41のやりかたでも目的が達成されるのなら>>41のアプローチが妥当だと思う

>>41
おっしゃる意味が良くわかりません
>>42
そのとんでもない事を手動でやるのは大変なので、自動化したいんです

英数文字分の正規表現を文字毎に用意して、
それを組み立てて検索するとか。
chre = [ '(a|A|ａ|Ａ)', '(b|B|ｂ|Ｂ)', … ];
sstr = '2ch';
sre = '';
for ( i = 0; i < search.length(); ++i ) {
　ch = search.charCodeAt(i);
sre += chre[i-0x41]; // ← この辺は適宜よろしく
}
sre = new RegExp(sre);

あー、推敲してたら変数名がおかしいな。
意図は汲んでくれｗ

>>43
長さ20文字あったら、半角全角の組み合わせは百万通りあるんだが、
百万回検索するつもりかい？何日掛かるかねえ。ずっと待つの？

>>47
それが問題なんだよねー
でも、その時はそれをやんなきゃならない
手動ならほんと何日かかるんだろうね？

すでにたくさん突っ込みが入っているけど
設計を改めるレベル
最終的に
生成した文字列をどうしたいのか
知りたい