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/

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

■各種仕様
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 (和訳)
JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
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

>>4
乙。次スレはhttp://jsgt.org/ajax/ref/test/json/test1.htm を削除してね。

<a href="javascript:document.photo.src = 'img/item/hoge1.jpg'; void(0);">

あるサイトのソースを見ていたら、このようなコードを発見したんですが
この書き方って一般的によく使われているんですか？オンクリックイベントを書くより楽そうですね

古い書き方なのでおすすめしない

disabled selected checkedなどの値が無いプロパティをセットする場合
option.selected = true;
option.setAttribute('selected','');
option.setAttribute('selected','selected'); //XHTML
などの方法がありますが、どの方法でいくのが無難でしょうか？

更に以下も追加
option.setAttribute('selected','true');
option.setAttribute('selected',true);
どの指定の仕方が正しく、どの指定の仕方が互換性が高いのか分かりません

option.setAttribute('selected', 'selected') でDOM操作すると狂うから
option.selected = true を使った方が良い

一者択一の属性値だから、それ以外の3つのやり方はおかしい
HTMLに書くときは、属性値が無いわけじゃなく、SGMLの省略タグ機構で属性名の方を省略してる

jQuery UI のdialogで、iframe方式で別ページを指定して表示した時、
そのdialogの別ページ内のイベントから、呼び出し元のページのDOM要素を操作したい場合は
どうしたらいいでしょうか？

jsでシンセ作ったぜ～

http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=250&file=oto2.html

>>10
ありがとうございます　ずっとひっかかっていたものがとけました

>>12
エンベロープつけろや

>>15
テキストノードとかコメントノードとか、要素ノード以外はどうするの

>>11で思ったんだけど、jQuery UIって皆使ってるもん？
そんなメジャーになった？全く触れてないんだけど

>>12
あんたがスゲーのはもうわかったよ
だけどそこダウンロードしなきゃ実行できねえんだよ
なんとかしろよ

せめてHTMLとしてうｐってくれ

HTMLAudioElementか

チョー解りやすく言うと
<a>全体じゃなくてそのクリックされた部分だけの<a>

>>18
DOMにはクローンノードというnodeTypeはない
www.w3.org/TR/DOM-Level-3-Core/core.html

$('#a')の位置を取得する時左の場合は$('#a').position().topで20pxと出来るのですが
右のように要素をスクロールしたら-30pxとかになってしまいます
スクロールしてもその要素の上からの位置を取得するのに良い方法とかありますでしょうか？

>>26
$("#a").offset().top;

>>27
すみません・・・、$("#a").offset().top;だとbody上での位置になってしまうんです

<body>白い部分
　　　<div id="g">水色の部分
　　　　　　<div id="a">赤い部分
　　　　　　</div>
　　　</div>
</body>

こんな感じです

昔はHTMLうｐったらそのまま開けてたけど今そーゆーロダないのな

>>30
そりゃ、いろんなものの温床になるからでしょ。

dropboxは？

jsfiddleとかjsbinとか>>1にあるが

>>28
スクロール量もとれるじゃろ

前スレ995でスレ立ての相談をした者です。

http://hibari.2ch.net/test/read.cgi/hp/1321414111/
995 Name_Not_Found sage 2011/12/11(日) 07:05:15.41 ID:???
すいません。JS関連でスレ立てをお願いしたいのですが、どこに頼むべきでしょうか？
運営とは違うようですし・・・

999 Name_Not_Found sage New! 2011/12/11(日) 12:13:20.35 ID:???
まずスレタイと内容を書いてみてください

----------

ということなので、下記の内容を希望します。

（仮）【JSで】 SVG描画ライブラリRaphael（ラファエル） 【ベクター描画】　　←仮タイトル

・・・本文は次レスにて

HTML5のSVG描画（ベクター描画）を可能にするJavaScriptグラフィックスライブラリ。
現在バージョンは2.0.1。　MITライセンスなので誰でも自由に利用可能。
※SVG（Scalable Vector Graphics）

本家HP　http://raphaeljs.com/　（注： リファレンスも全文英語）

JSで動くSVG版Flashのような存在。　HTML5のCanvasに比べインタラクティブ動作に強い。
記述は基本的にタグが不要で、マウス操作やアニメーションも可能。

サポート中のブラウザは、Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 及び Internet Explorer 6.0+。
ただしIE6～8はVML（Vector Markup Language）で描画。　iOSでも動く。

【始めるには】
http://libro.tuyano.com/index3?id=101001
http://www.skuare.net/test/raphael_1.html
http://112123.jugem.jp/?eid=2606
http://y2-space.com/blog/it-skil/programing/javascript/267/

【お役立ちリンク　※全て英語】
http://stackoverflow.com/
http://groups.google.com/group/raphaeljs
http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2#pagetop
http://craic.com/tutorials/javascript/raphael_live/raphael_live.html
http://jsfiddle.net/　左側でRaphael2.0を選択

＝＝＝　補足　＝＝＝
・ビジュアル系バンドに同名のRaphaelがあるので検索に注意。
　コッチのRaphaelを参照するには JavaScript とか JS とか SVG を検索欄に追加すればOK。
・ jQueryとの対比　http://stackoverflow.com/questions/588718/jquery-svg-vs-raphael

SVGスレでいいんでないの

>>37
SVGスレってあったんだ。でもRaphaelは従来のタグによる記述ではなくて
JSコードそのもので挙動をしています（JSの正規表現も普通に使えます）。

一応、【XML】SVGってどうなの2【DOM】を見たけどコーディングにJSは殆ど関係なさそうです。

SVGはXMLなんだしもともとJavascript使ってDOM操作もするもんでしょ
SVGスレ内にもJS+DOMの話があるじゃない
どうせ過疎る汎用性のないスレを乱造せずに既存のスレを活用しよう

質問させてもらいます

pのclass=typoe1の指定は
$("p.type1")ですが
id=typeDの中にあるclass=type1の指定なども出来るのでしょうか？

$("#typeD .type1")
というかほぼCSSの質問じゃないか

>>41
ごめんなさい、1日中
$("#typeD,.type1")や$($("#typeD").(".type1"))で試してた自分が馬鹿でした

スペース空けてなかったと予想

>>40
jQueryクックブック買えば。勉強になるよ。

>>44
Javascript入門書は買ってそれの1/3位jQuery載ってたので使ってる感じです
ライブラリについての本とかもあるんですか、何か不思議ですね

情報系の学部なんてjpegの圧縮について研究したり学んだりするんだぞ
数学なんて一人の天才が考えた数式について何十年も研究してるし

真面目にやってる奴なんてどれ程いるのか謎だけどな

なぜそういう流れに

>>46
突然どうしたｗ
でもエクセルでJPEGの実験したの思い出して懐かしくなった

テスト