のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,763人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.99 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    1 : Name_Not - 2012/04/08(日) 23:52:04.74 ID:??? (+43,+29,+0)
    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 : Name_Not - 2012/04/08(日) 23:52:11.09 ID:??? (-11,-30,-152)
    ■前スレ
    + 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/
    3 : Name_Not - 2012/04/08(日) 23:52:22.06 ID:??? (+3,-30,+0)
    ■主要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 中でやるとか。
    5 : Name_Not - 2012/04/09(月) 01:45:14.74 ID:??? (+24,+6,+0)
    >>1
    7 : Name_Not - 2012/04/09(月) 15:31:03.26 ID:??? (-1,-29,-15)
    a要素生成して click() イベントにすれば。
    8 : Name_Not - 2012/04/09(月) 15:56:03.72 ID:??? (+32,-29,-27)
    baseタグとaタグの内容をもとに正しいURLを計算してリンクを一気に修正するプログラムを書くのが普通
    9 : Name_Not - 2012/04/09(月) 16:03:36.02 ID:??? (+62,+29,-1)
    >>8
    普通とか言ってるお前にそれができると思えないけどな。
    11 : Name_Not - 2012/04/09(月) 16:19:57.05 ID:??? (+57,+29,-3)
    そんなこと言って作ってもらおうとしても無駄
    12 : Name_Not - 2012/04/09(月) 18:08:27.45 ID:??? (+9,-18,-13)
    sedコマンドで一気に書き換えればいいだろ
    13 : Name_Not - 2012/04/09(月) 18:38:28.60 ID:??? (-6,-29,-2)
    sedコマンド?
    14 : Name_Not - 2012/04/09(月) 18:54:00.54 ID:??? (+23,+0,+0)
    sedすら知らないのかよ
    15 : Name_Not - 2012/04/09(月) 19:05:23.27 ID:??? (-5,-28,-2)
    sedはエディタだろ
    17 : Name_Not - 2012/04/09(月) 19:22:40.64 ID:??? (+14,-3,-2)
    氏ねよカス
    18 : Name_Not - 2012/04/09(月) 20:45:26.68 ID:??? (-1,-29,-19)
    SEDは次世代TVとして期待されていたけれど、コスト削減出来ず市場に出る前にポシャった技術だろ。
    確かCanonとTOSHIBAだったよな。
    19 : Name_Not - 2012/04/09(月) 21:29:35.19 ID:??? (+9,-13,+1)
    セブン-イレブン デンマーク
    21 : Name_Not - 2012/04/10(火) 02:16:20.21 ID:??? (-12,-30,-233)
    >>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;
    22 : Name_Not - 2012/04/10(火) 02:20:50.91 ID:iOzdu1+X (-24,+27,-18)
    >>21
    素早い回答ありがとうございます!
    出来ました!神!
    23 : Name_Not - 2012/04/10(火) 07:54:09.28 ID:??? (+57,+29,-5)
    前スレ埋まってからにせんかいおのれら
    24 : Name_Not - 2012/04/10(火) 08:11:01.89 ID:??? (+4,-18,+1)
    おのれ=己=自分
    25 : Name_Not - 2012/04/10(火) 16:33:33.28 ID:??? (+47,+29,-12)
    関西人かよ
    26 : Name_Not - 2012/04/10(火) 19:22:23.54 ID:lCorHox+ (-28,-30,+0)
    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って、ここまでコロコロ仕様が変わるものですか?
    もっと確実に緯度経度を取得する方法あったら教えて下さい。
    27 : Name_Not - 2012/04/10(火) 23:28:02.07 ID:??? (+57,+29,-15)
    なぜここでいいと思ったんだ。もしかしたら知ってる人がいるかも知れんが。
    29 : Name_Not - 2012/04/11(水) 08:14:05.32 ID:??? (+59,+29,-28)
    >>26,28
    ここで質問してもいいけど、リファレンスぐらいは読んだ方がいいよ。
    http://developers.google.com/maps/documentation/javascript/reference?hl=ja
    30 : Name_Not - 2012/04/11(水) 18:41:30.66 ID:??? (+3,-30,-89)
    getAttribute使ってname属性取得しようとしてるんですが取得できません
    class属性は取得できるんですが、class属性以外が取得できないんです。
    ちなみにspanタグなんですが、
    <li>あああああああああ<span name="1111" class="hoge"></span></li>

    こんな感じでspanタグの中には何もデータは書いてなくて、
    あるname属性の時だけjavascriptでspanタグの中に文字を書き出そうとしてるんです。
    そのためにname属性を取得したいんですがnullが返って来て取得できません。
    どんな原因が考えられるでしょうか?
    31 : Name_Not - 2012/04/11(水) 18:46:42.45 ID:??? (+31,-29,-3)
    span要素にname属性なんてない
    32 : Name_Not - 2012/04/11(水) 18:49:57.49 ID:??? (+61,+29,-13)
    >>31
    えっ
    name属性付けられないタグとかってあるんですか?
    タグにデータを保存したい場合何の属性使えばいいでしょうか?
    33 : Name_Not - 2012/04/11(水) 18:54:01.62 ID:??? (+4,-29,-17)
    name属性はグローバル属性じゃない
    データ保存したいならhttp://www.html5.jp/tag/attributes/data.html
    34 : Name_Not - 2012/04/11(水) 18:54:02.33 ID:??? (+47,+24,-3)
    ソースも書いたら?
    35 : Name_Not - 2012/04/11(水) 19:05:25.41 ID:??? (+3,-30,-130)
    >>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タグで囲んでると取得できないようです
    36 : Name_Not - 2012/04/11(水) 19:21:33.59 ID:??? (-1,-29,-7)
    spanにname属性書いてる時点でHTMLのバージョンなんて関係ないだろ
    37 : Name_Not - 2012/04/11(水) 19:24:28.10 ID:??? (-1,-29,-1)
    hogeとtargetは一致してないし
    38 : Name_Not - 2012/04/11(水) 20:23:03.60 ID:??? (+57,+29,-29)
    両方ともあくまで例で適当に書いたから間違えただけ
    本当のコードはちゃんと同じクラス名だよ
    39 : Name_Not - 2012/04/11(水) 20:26:28.35 ID:??? (+46,+28,+0)
    お前誰だよ
    40 : Name_Not - 2012/04/11(水) 20:31:21.30 ID:??? (+1,-26,-16)
    <li>の中だと動かない原因を解明しなよ
    気になるから
    41 : Name_Not - 2012/04/11(水) 20:36:01.98 ID:??? (+57,+29,-50)
    質問するために再現する最小のコード
    を作っているうちに解決するもんだ
    質問時に再現する最小のコードの提出を必須にすれば平和になる
    そして過疎化
    42 : Name_Not - 2012/04/11(水) 20:41:35.28 ID:??? (+3,-29,-45)
    俺だって時間ないから、parentNodeでli要素取得して、
    innerHTMLで書き出して、正規表現でname属性の値を取得するという力技で対処したよ
    もういいんだ
    時間ナインだよ
    ありがとうございました
    43 : Name_Not - 2012/04/11(水) 21:10:34.54 ID:??? (-1,-29,-17)
    どうせ文法違反するならdata-name属性とかにしといた方が良いよ
    44 : Name_Not - 2012/04/11(水) 22:48:53.97 ID:??? (+62,+29,-55)
    そうするとそんな属性ありませんって言われて、
    エディタで警告が出るんだが

    なるべくgoogle検索でペナルティが発生しない綺麗なコードを書きたいんだが
    どっちがいいんだろう
    45 : Name_Not - 2012/04/11(水) 22:52:20.82 ID:??? (+57,+29,-2)
    name属性に指定して何をしたいのかちょっと分からない
    46 : Name_Not - 2012/04/11(水) 22:55:59.04 ID:??? (+52,+29,-3)
    値持たせてーんじゃねー?
    47 : Name_Not - 2012/04/11(水) 23:00:36.92 ID:??? (+29,+1,-23)
    どうせJavaScriptで処理するんだから
    値はJavaScriptの変数に入れたらいいんじゃねえの
    48 : Name_Not - 2012/04/11(水) 23:17:30.28 ID:??? (+40,-29,-25)
    >>44
    どの仕様書でも既定されてないnameより、HTML5で規定されてるdata-*の方がいいに決まってるだろ
    49 : Name_Not - 2012/04/11(水) 23:41:22.96 ID:??? (+67,+29,+0)
    >>48
    やっぱそうだよな
    そうするわ
    50 : Name_Not - 2012/04/12(木) 08:17:13.26 ID:??? (+6,-29,-16)
    >>49
    補足するとHTML5にしてdata-*を使えばいいんだよ。
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について