元スレ+ JavaScript の質問用スレッド vol.93 +
JavaScript覧 / PC版 / みんなの評価 :
1 = :
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/
3 = :
■主要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 中でやるとか。
5 = :
>>4
乙。次スレはhttp://jsgt.org/ajax/ref/test/json/test1.htm を削除してね。
7 = :
古い書き方なのでおすすめしない
8 = :
disabled selected checkedなどの値が無いプロパティをセットする場合
option.selected = true;
option.setAttribute('selected','');
option.setAttribute('selected','selected'); //XHTML
などの方法がありますが、どの方法でいくのが無難でしょうか？
9 = :
更に以下も追加
option.setAttribute('selected','true');
option.setAttribute('selected',true);
どの指定の仕方が正しく、どの指定の仕方が互換性が高いのか分かりません
10 = :
option.setAttribute('selected', 'selected') でDOM操作すると狂うから
option.selected = true を使った方が良い
一者択一の属性値だから、それ以外の3つのやり方はおかしい
HTMLに書くときは、属性値が無いわけじゃなく、SGMLの省略タグ機構で属性名の方を省略してる
11 = :
jQuery UI のdialogで、iframe方式で別ページを指定して表示した時、
そのdialogの別ページ内のイベントから、呼び出し元のページのDOM要素を操作したい場合は
どうしたらいいでしょうか？
12 = :
jsでシンセ作ったぜ～
http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=250&file=oto2.html
13 = :
>>10
ありがとうございます ずっとひっかかっていたものがとけました
14 :
>>12
エンベロープつけろや
19 = :
>>11で思ったんだけど、jQuery UIって皆使ってるもん？
そんなメジャーになった？全く触れてないんだけど
20 = :
>>12
あんたがスゲーのはもうわかったよ
だけどそこダウンロードしなきゃ実行できねえんだよ
なんとかしろよ
21 = :
せめてHTMLとしてうｐってくれ
26 = :
$('#a')の位置を取得する時左の場合は$('#a').position().topで20pxと出来るのですが
右のように要素をスクロールしたら-30pxとかになってしまいます
スクロールしてもその要素の上からの位置を取得するのに良い方法とかありますでしょうか？
27 = :
>>26
$("#a").offset().top;
28 = :
>>27
すみません・・・、$("#a").offset().top;だとbody上での位置になってしまうんです
30 = :
昔はHTMLうｐったらそのまま開けてたけど今そーゆーロダないのな
31 = :
>>30
そりゃ、いろんなものの温床になるからでしょ。
34 :
>>28
スクロール量もとれるじゃろ
36 = :
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
37 = :
SVGスレでいいんでないの
38 = :
>>37
SVGスレってあったんだ。でもRaphaelは従来のタグによる記述ではなくて
JSコードそのもので挙動をしています（JSの正規表現も普通に使えます）。
一応、【XML】SVGってどうなの2【DOM】を見たけどコーディングにJSは殆ど関係なさそうです。
39 = :
SVGはXMLなんだしもともとJavascript使ってDOM操作もするもんでしょ
SVGスレ内にもJS+DOMの話があるじゃない
どうせ過疎る汎用性のないスレを乱造せずに既存のスレを活用しよう
40 = :
質問させてもらいます
pのclass=typoe1の指定は
$("p.type1")ですが
id=typeDの中にあるclass=type1の指定なども出来るのでしょうか？
41 = :
$("#typeD .type1")
というかほぼCSSの質問じゃないか
43 = :
スペース空けてなかったと予想
44 = :
>>40
jQueryクックブック買えば。勉強になるよ。
45 = :
>>44
Javascript入門書は買ってそれの1/3位jQuery載ってたので使ってる感じです
ライブラリについての本とかもあるんですか、何か不思議ですね
46 = :
情報系の学部なんてjpegの圧縮について研究したり学んだりするんだぞ
数学なんて一人の天才が考えた数式について何十年も研究してるし
47 = :
真面目にやってる奴なんてどれ程いるのか謎だけどな
48 = :
なぜそういう流れに
49 = 34 :
>>46
突然どうしたｗ
でもエクセルでJPEGの実験したの思い出して懐かしくなった
50 = :
テスト
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.93 + (1001) - [100%] - 2011/12/10 18:31
- + JavaScript の質問用スレッド vol.97 + (1001) - [97%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/10/26 4:18
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.99 + (1001) - [97%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.131 + (1000) - [95%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.130 + (1001) - [95%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.131 + (1004) - [95%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.132 + (1001) - [95%] - 2018/4/19 11:00
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.133 + (1001) - [95%] - 2018/6/8 10:45
トップメニューへ / →のくす牧場書庫について