私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.88 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
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/ を利用すると簡単にコピーできます。
>>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/ を利用すると簡単にコピーできます。
関連スレ
【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/
【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/
誰か立てるなら立てて
■主要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 中でやるとか。
■主要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 中でやるとか。
今日あたりレベルが10になるが重複スレを建てるべきか悩むので俺はパスさせてもらうぜ・・・
恨むなら>>1をうらんでね
恨むなら>>1をうらんでね
削除依頼だしても削除されないと思うしそのまま利用すべきじゃないんかね。
テンプレに関しては次建てる時にって感じで。
テンプレに関しては次建てる時にって感じで。
よくある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で動かなくなったぜ。
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で動かなくなったぜ。
解決したぜ。スレ汚しスマンのう。
マナー違反だったか。すまんのう。
解決というと恥ずかしいんだが、該当する.js内のトリガになっとるタグを置き換えただけだ。
<ul> → <p>
<li> → <span>
これだけ。
元のサンプルは<ul>の幅をpx固定していたから、これを可変幅にしたくて
css内のwidthの記述を削除したらIE6でエラー(スライドしない)が出たってワケ。
じゃあと思って<ul>の幅を%指定にするとスライド幅がおかしくなったから、
javascriptによって挿入される<div>(<ul>のコンテナ的役割)の幅を指定したら上手くいった。
完璧じゃないけどな。
●画像
●画像
●画像
●画像
●画像
ってのがダサすぎて嫌だったんだよ。まあ自己満足だよね。
解決というと恥ずかしいんだが、該当する.js内のトリガになっとるタグを置き換えただけだ。
<ul> → <p>
<li> → <span>
これだけ。
元のサンプルは<ul>の幅をpx固定していたから、これを可変幅にしたくて
css内のwidthの記述を削除したらIE6でエラー(スライドしない)が出たってワケ。
じゃあと思って<ul>の幅を%指定にするとスライド幅がおかしくなったから、
javascriptによって挿入される<div>(<ul>のコンテナ的役割)の幅を指定したら上手くいった。
完璧じゃないけどな。
●画像
●画像
●画像
●画像
●画像
ってのがダサすぎて嫌だったんだよ。まあ自己満足だよね。
javascriptの勉強をするときはMDCだけ見ておけばIE、Operan,safari,Chromeにも対応できますか?
>>37
No.
No.
関数の引数が特定の型を要求する場合
関数内で引数の型をチェックしたり型変換を試みたりするコードを入れておくものですか?どう書けばいいですか?
関数内で引数の型をチェックしたり型変換を試みたりするコードを入れておくものですか?どう書けばいいですか?
>>40
それ見ててもsafariには通用しないんじゃ
それ見ててもsafariには通用しないんじゃ
>>37,39
何でそうなんのかな
ここだけを見ればいいページはないから君の論理だと見るところがなくなる
ECMAScriptとDOMだけを見ろといってそれらを実装していないブラウザ(主にIE)は他のページも見なきゃいけないでしょ?
何でそうなんのかな
ここだけを見ればいいページはないから君の論理だと見るところがなくなる
ECMAScriptとDOMだけを見ろといってそれらを実装していないブラウザ(主にIE)は他のページも見なきゃいけないでしょ?
>>41
ケースバイケースではあるけど、色んなとこから呼び出されるもの(ユーティリティ関数とか)は割としっかりやるかな。
プライベートメソッドとか呼び出す箇所が少ないものは省略することも多い。
引数の型チェックに引っかかったらそのままリターンするか例外を投げるかも大事。
自分で投げなくてもブラウザが投げて処理は停止するけど、自分で適切な例外を投げた方がデバッグしやすい。
ケースバイケースではあるけど、色んなとこから呼び出されるもの(ユーティリティ関数とか)は割としっかりやるかな。
プライベートメソッドとか呼び出す箇所が少ないものは省略することも多い。
引数の型チェックに引っかかったらそのままリターンするか例外を投げるかも大事。
自分で投げなくてもブラウザが投げて処理は停止するけど、自分で適切な例外を投げた方がデバッグしやすい。
>>45
普通はキャッシュされるよって意味?
普通はキャッシュされるよって意味?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.81 + (1001) - [97%] - 2010/12/10 20:01
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
- + JavaScript の質問用スレッド vol.78 + (1001) - [97%] - 2010/6/25 3:53
- + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
- + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
- + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.128 + (1001) - [95%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.108 + (1001) - [95%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.118 + (1002) - [95%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.138 + (1004) - [95%] - 2019/4/20 23:45
- + JavaScript の質問用スレッド vol.96 + (1001) - [95%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
トップメニューへ / →のくす牧場書庫について