私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.99 +
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)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
>>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.98 +
http://toro.2ch.net/test/read.cgi/hp/1330575050/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://jsfiddle.net/fH4cC/6/show/
■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
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/1329529892/
Webサイト制作初心者用質問スレ part229
http://toro.2ch.net/test/read.cgi/hp/1333423433/
CSS初心者スレッド=11th=
http://toro.2ch.net/test/read.cgi/hp/1327663847/
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/
+ JavaScript の質問用スレッド vol.98 +
http://toro.2ch.net/test/read.cgi/hp/1330575050/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://jsfiddle.net/fH4cC/6/show/
■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
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/1329529892/
Webサイト制作初心者用質問スレ part229
http://toro.2ch.net/test/read.cgi/hp/1333423433/
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 中でやるとか。
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
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
>>1乙
baseタグとaタグの内容をもとに正しいURLを計算してリンクを一気に修正するプログラムを書くのが普通
>>8
普通とか言ってるお前にそれができると思えないけどな。
普通とか言ってるお前にそれができると思えないけどな。
SEDは次世代TVとして期待されていたけれど、コスト削減出来ず市場に出る前にポシャった技術だろ。
確かCanonとTOSHIBAだったよな。
確かCanonとTOSHIBAだったよな。
>>20
DOMParserかな?
(new DOMParser()).parseFromString(
'<?xml version="1.0" encoding="utf-8"?><xml><params><param>abc</param></params></xml>',
'text/xml'
).querySelector('params > param').textContent;
DOMParserかな?
(new DOMParser()).parseFromString(
'<?xml version="1.0" encoding="utf-8"?><xml><params><param>abc</param></params></xml>',
'text/xml'
).querySelector('params > param').textContent;
google apiの質問ってここで良いですか?
住所から緯度経度に変換するロジックを、現在開発中の画面に組み込んでいます。
以下のようにやっています。
var addr = "東京都千代田区1-1";
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {'address': addr }, function(data, status){
if (status == "OK") {
var pos1 = data[0].geometry.location.Xa;
var pos2 = data[0].geometry.location.Ya;
alert(緯度経度:" + pos1 + " / " + pos2);
}
});
dataとして出てくるJSONの仕様が微妙にコロコロ変わるようで、
2週間ぐらい前は
data[0].geometry.location.Ta
data[0].geometry.location.Ua
で緯度経度を取得できていたのですが、取得失敗するようになり、
dataを、JSON.stringify(data)して中身をみたところ、
緯度経度のプロパティ名がTa UaではなくXa Yaとして出てくるのに気づき、
それに合わせて呼び出すスクリプトを修正。(それが上記ソース)
昨日ぐらいまではこれでいけていたのですが、今日になってまた取得失敗するように。
ふたたびdataの中身を見たところ、今度はYa Zaという名前になっているようです・・・
googleMapって、ここまでコロコロ仕様が変わるものですか?
もっと確実に緯度経度を取得する方法あったら教えて下さい。
住所から緯度経度に変換するロジックを、現在開発中の画面に組み込んでいます。
以下のようにやっています。
var addr = "東京都千代田区1-1";
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {'address': addr }, function(data, status){
if (status == "OK") {
var pos1 = data[0].geometry.location.Xa;
var pos2 = data[0].geometry.location.Ya;
alert(緯度経度:" + pos1 + " / " + pos2);
}
});
dataとして出てくるJSONの仕様が微妙にコロコロ変わるようで、
2週間ぐらい前は
data[0].geometry.location.Ta
data[0].geometry.location.Ua
で緯度経度を取得できていたのですが、取得失敗するようになり、
dataを、JSON.stringify(data)して中身をみたところ、
緯度経度のプロパティ名がTa UaではなくXa Yaとして出てくるのに気づき、
それに合わせて呼び出すスクリプトを修正。(それが上記ソース)
昨日ぐらいまではこれでいけていたのですが、今日になってまた取得失敗するように。
ふたたびdataの中身を見たところ、今度はYa Zaという名前になっているようです・・・
googleMapって、ここまでコロコロ仕様が変わるものですか?
もっと確実に緯度経度を取得する方法あったら教えて下さい。
>>26,28
ここで質問してもいいけど、リファレンスぐらいは読んだ方がいいよ。
http://developers.google.com/maps/documentation/javascript/reference?hl=ja
ここで質問してもいいけど、リファレンスぐらいは読んだ方がいいよ。
http://developers.google.com/maps/documentation/javascript/reference?hl=ja
getAttribute使ってname属性取得しようとしてるんですが取得できません
class属性は取得できるんですが、class属性以外が取得できないんです。
ちなみにspanタグなんですが、
<li>あああああああああ<span name="1111" class="hoge"></span></li>
こんな感じでspanタグの中には何もデータは書いてなくて、
あるname属性の時だけjavascriptでspanタグの中に文字を書き出そうとしてるんです。
そのためにname属性を取得したいんですがnullが返って来て取得できません。
どんな原因が考えられるでしょうか?
class属性は取得できるんですが、class属性以外が取得できないんです。
ちなみにspanタグなんですが、
<li>あああああああああ<span name="1111" class="hoge"></span></li>
こんな感じでspanタグの中には何もデータは書いてなくて、
あるname属性の時だけjavascriptでspanタグの中に文字を書き出そうとしてるんです。
そのためにname属性を取得したいんですがnullが返って来て取得できません。
どんな原因が考えられるでしょうか?
name属性はグローバル属性じゃない
データ保存したいならhttp://www.html5.jp/tag/attributes/data.html
データ保存したいならhttp://www.html5.jp/tag/attributes/data.html
>>33
ありがとうございます。
でもHTML5限定ですよね?
ソースは、
var all = document.getElementsByTagName("span");
for(var i=0;i<all.length;++i){
classname=all[i].className;
if(classname=="target"){
data=all[i].getAttribute("name");
alert(data);
こんな感じです。
ちなみにまったく関係のないところにspanタグ書いたら
name属性も取得できました。
なぜか、上のレスで書いたようにliタグで囲んでると取得できないようです
ありがとうございます。
でもHTML5限定ですよね?
ソースは、
var all = document.getElementsByTagName("span");
for(var i=0;i<all.length;++i){
classname=all[i].className;
if(classname=="target"){
data=all[i].getAttribute("name");
alert(data);
こんな感じです。
ちなみにまったく関係のないところにspanタグ書いたら
name属性も取得できました。
なぜか、上のレスで書いたようにliタグで囲んでると取得できないようです
両方ともあくまで例で適当に書いたから間違えただけ
本当のコードはちゃんと同じクラス名だよ
本当のコードはちゃんと同じクラス名だよ
質問するために再現する最小のコード
を作っているうちに解決するもんだ
質問時に再現する最小のコードの提出を必須にすれば平和になる
そして過疎化
を作っているうちに解決するもんだ
質問時に再現する最小のコードの提出を必須にすれば平和になる
そして過疎化
俺だって時間ないから、parentNodeでli要素取得して、
innerHTMLで書き出して、正規表現でname属性の値を取得するという力技で対処したよ
もういいんだ
時間ナインだよ
ありがとうございました
innerHTMLで書き出して、正規表現でname属性の値を取得するという力技で対処したよ
もういいんだ
時間ナインだよ
ありがとうございました
そうするとそんな属性ありませんって言われて、
エディタで警告が出るんだが
なるべくgoogle検索でペナルティが発生しない綺麗なコードを書きたいんだが
どっちがいいんだろう
エディタで警告が出るんだが
なるべくgoogle検索でペナルティが発生しない綺麗なコードを書きたいんだが
どっちがいいんだろう
どうせJavaScriptで処理するんだから
値はJavaScriptの変数に入れたらいいんじゃねえの
値はJavaScriptの変数に入れたらいいんじゃねえの
>>44
どの仕様書でも既定されてないnameより、HTML5で規定されてるdata-*の方がいいに決まってるだろ
どの仕様書でも既定されてないnameより、HTML5で規定されてるdata-*の方がいいに決まってるだろ
>>49
補足するとHTML5にしてdata-*を使えばいいんだよ。
補足するとHTML5にしてdata-*を使えばいいんだよ。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.97 + (1001) - [97%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2011/12/10 18:31
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/10/26 4:18
- + JavaScript の質問用スレッド vol.109 + (1001) - [95%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.129 + (926) - [95%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.129 + (981) - [95%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.119 + (1002) - [95%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.139 + (1001) - [95%] - 2019/5/27 15:15
- + JavaScript の質問用スレッド vol.86 + (1001) - [95%] - 2011/5/27 21:50
トップメニューへ / →のくす牧場書庫について