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

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

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

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

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

■テンプレ案
http://jsfiddle.net/fH4cC/10/show/

■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://toro.2ch.net/test/read.cgi/tech/1243095768/ →消失中
【WHATWG】HTML5 Part4【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1295872957/
Webサイト制作初心者用質問スレ part231
http://toro.2ch.net/test/read.cgi/hp/1344497837/
CSS初心者スレッド＝11th＝
http://toro.2ch.net/test/read.cgi/hp/1327663847/ →消失中
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/

■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/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 中でやるとか。

■各種仕様 (http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
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/
ECMAScript 5 compatibility table
http://kangax.github.com/es5-compat-table/
HTML Standard (HTML5)
http://www.whatwg.org/html5
http://www.w3.org/TR/html5/
W3C Document Object Model
http://www.w3.org/DOM/DOMTR
http://www.w3.org/TR/dom/
Element Traversal Specification
http://www.w3.org/TR/ElementTraversal/
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
http://developer.mozilla.org/ja/JavaScript/Guide
http://developer.mozilla.org/ja/JavaScript/Reference
JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
Gecko DOM Reference
http://developer.mozilla.org/ja/Gecko_DOM_Reference (和訳)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx
http://msdn.microsoft.com/ja-jp/library/hbxc2t98.aspx
http://msdn.microsoft.com/en-us/ie/ff468705.aspx

高速道路を北に向かって走っていた私は、
トイレに行きたくなったのでサービスエリアに立ち寄りました。

手前の個室はふさがっていたので、その隣に入りました。
便器に腰を下ろそうとしたその時、隣から 「やあ、元気？」と声がしたのです。
男は皆そうですが、トイレで見知らぬ人と話をすることはありません。
どうしていいかわからなかったので、ためらいがちに「まあまあだよ」と答えました。
すると隣人は「そうか……それで、今何してるの？」と言うのです。
妙だなと思いましたが、私はバカみたいにこう答えました。「君と同じだよ。ウンコしてるんだ！」
やがて隣の男は、声をひそめてこう言ったのです。
「おい、あとでかけ直すよ。隣の個室に、俺の声にいちいち答えるアホがいるんだ！」

>>2
消失中って…CSSは次スレあるよ？
次スレぐらい探そうよ
素直にhttp://jsfiddle.net/fH4cC/11/show/ を使っておけばこんな間違いは起きなかっただろうに

http://toro.2ch.net/test/read.cgi/hp/1342480228/957n が間違いの元っぽいね
「テンプレは結局軽微な変更で」といってるから多分この人がURLミスってる

あれーすみません。探したつもりだったんですけど失敗しました。

テンプレ改善案癌無視かよ

「javascriptなんてwebサイトの文字の色変える程度の簡単な言語だろwww
1日で取得できるぜwwwwwwwww」

そんなふうに考えていた時期がオレのもありました

コアなら 3時間、クライアントサイドなら 4時間。
これが目安。

今なら余裕あるんで、テンプレ >>1-4 の差し替え案あったら貼って
もらえると検討できるんじゃないかと。

ある数が2の何乗かを調べるのってどうやるん？

>>13
2で何回割れるかをカウントする
64ビット整数であることを前提にするなら表を作ってもたった64エントリで済むという

テンプレ縮めてみた
http://jsfiddle.net/qZc3d/3/show/

>>15
候補としてはいいと思うけど、テンプレURLが違う。
元URLを変更する形で提案してほしいな。
リビジョンで区別はつくから。

>>13
n.toString(2).length - 1?

とかどうよ。でかい数字だとダメそうだけど。

>>16
すまんこ
派手に変えたのでフォークしてた
http://jsfiddle.net/fH4cC/13/show/

>>13
a = 256;
b = Math.log(a)/Math.log(2); // 8

ajaxってさ、文字コードはutf8nかutf8かどっちのほうがいいの？

Web関連って今は、文字コード無指定だったら
暗黙裡にUTF-8とするんだったと思う。

は？

日本語でおｋ

バカ丸出し

var now = new Date();
var xxday = new Date(2012, 9-1, 12);
var xxday2 = new Date(now.getFullYear(), xxday.getMonth(), xxday.getDate()); // 今年のXデー
var y = now.getFullYear() - xxday.getFullYear();
if (now.getTime() - xxday2.getTime() < 0) { // 今年まだXデーを迎えていないなら、改めてxxday2を去年のXデーに設定
xxday2 = new Date(now.getFullYear() - 1, xxday.getMonth(), xxday.getDate());
y--;
}
var d = Math.floor((now.getTime() - xxday2.getTime()) / (24*60*60*1000));
document.write("開設して");
if (y > 0) {
document.write(y);
document.write("年");
}
if (d > 0) {
document.write(d);
document.write("日");
}
document.write("経過");
}

Xデーが 2/29 だった場合、今年のXデーが 3/1になるからずれるような気がするが。どう?

実際3/1で1年経過したことになるから問題ない。

var hoge =new Array();

hoge[0] ="123";
hoge[1] ="153";
hoge[2] ="321";

var fuge = hoge;

hoge.length =0;

function test(){
　　　alert(fuge);
}
ってやるとなぜかfugeまで空になってしまいます
fugeにhogeを継承した後hogeを空にしてもfugeだけは残す方法とかないんでしょうか？

単純にコピーしたいのなら fuge = hoge.slice(0);
ディープコピーしたけりゃ自分で関数作るかJquery.extend使え
継承したいならそういうもんだから諦めろ
わからなければググレ

hoge = [];

参考になりました！jQuery.extendについて調べてみます
ありがとうございます

>>31
知識不足の人間が誤った記事を読んで、駄目なエディタを使っているだけでしょうね！

>>31
コメントに 0xE2 0x80 0x93 っていうコード列が混じってるようだね。
–

やってみれば？

すいません、window.opener.close()で出来ないので質問させて頂きました。
何かよい方法はないでしょうか

window.opener.window.parent.close();

できました！ありがとうございます。

parentなどの並び順に不備がありました…

>>32
何で空になるのか。大事なところなのでこの際ちゃんと理解しといた方がいいよ

同一のドメインで XMLHttpRequest を使用してHTMLを取得したいのですが
その際に、送信されてしまうクッキーを送信しないようにする方法はありますか？

クッキーをどこかにメモって削除
↓
ajax
↓
クッキー元に戻す




て意味じゃないよな…

すいません、親ウィンドウを閉じる際に確認ダイアログが表示されますが、ダイアログを表示しないことは可能ですか？

親ウィンドウ→子ウィンドウならわかりますが、フレームを介する場合の方法がわかりません。
IE9を使用しています。

～よくわかるまとめ～

『配列を参照している変数』を初期化するなら[]
『変数が参照している配列』を初期化するならlength=0

当方、CSS板で質問してJAVAスクリプトでないとムリだと聞いたのでここで質問させていただきます。
一辺100pxの画像（リンク入り）にマウスを乗せると、
その画像自体の真上に重なる形で下の画像を表示させたまま
一辺30pxの画像（別のリンク入り）を表示させることは可能でしょうか？
もし可能ならば方法を教えていただきたいです。

ちなにみ下記のCSSで実行しようとしたところ、
動作はしますがそれぞれの画像に別のリンクを指定することはできませんでした。
HTML
<div id="imgHover"><ul><li><a href="リンク１">
<span class="thumbnail"><img src="大きい画像.jpg" alt="sample image" /></span>
<span class="mainImage"><img src="小さい画像.gif" alt="sample image" /></span>
</a></li></ul></div>

CSS
#imgHover ul li { float: left; margin-right: 5px; }
#imgHover ul li img { border: none; }
#imgHover ul li a { display: block; }
#imgHover ul li a:hover { position: relative; }
#imgHover ul li a .mainImage { display: none; }
#imgHover ul li a:hover .mainImage { display: block; position: absolute; top: 0; left: 0; }

スレチ

表示って重なり方にもあるからなぁ
左上合わせるのか中央合わせるのか