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

    私的良スレ書庫

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

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

    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
    351 : Name_Not - 2010/03/26(金) 12:25:05 ID:??? (+50,+22,-27)
    jQueryの事言ってるんじゃねえの?
    352 : Name_Not - 2010/03/26(金) 12:27:46 ID:??? (-1,-29,-17)
    さすがにこれはエラーになるでしょ

    変数 = "こんにちは";
    alert(変数);
    353 : Name_Not - 2010/03/26(金) 12:53:14 ID:??? (+50,+27,+0)
    やってみればいいさ
    354 : Name_Not - 2010/03/26(金) 12:56:26 ID:??? (-2,-30,-36)
    javascript:(function(){変数="こんにちは";alert(変数);})();
    !?
    こいつあいさつしてきたぞ!!
    355 : Name_Not - 2010/03/26(金) 12:57:17 ID:??? (+47,+29,-1)
    うっぜえ
    356 : Name_Not - 2010/03/26(金) 13:02:16 ID:??? (+0,-23,-14)
    全角使えるとかマジできめえ
    357 : Name_Not - 2010/03/26(金) 14:01:27 ID:??? (+51,+28,-2)
    その話題はもう飽きた
    358 : Name_Not - 2010/03/26(金) 14:48:12 ID:MJVNVjvJ (+17,+27,-9)
    Lightboxのように画像を表示したときに出てくる薄透明のあれってどうやるのでしょうか?
    359 : Name_Not - 2010/03/26(金) 14:54:54 ID:9GVpw/0P (-27,-22,+1)
    >>358
    style
    360 : Name_Not - 2010/03/26(金) 14:59:12 ID:??? (+0,-30,-48)
    >>358
    こんなのもできないのかよ・・・


    <div id="box">
    サンプル
    </div>


    document.getElementsById("box").style("background:#000000;filter:50%");
    361 : Name_Not - 2010/03/26(金) 15:19:30 ID:??? (-6,-29,-18)
    filterって先行実装?
    362 : Name_Not - 2010/03/26(金) 15:28:56 ID:??? (-1,-29,-4)
    filiterってなんだ?
    透過ならopacityだが
    363 : Name_Not - 2010/03/26(金) 15:38:07 ID:??? (-9,-25,-14)
    IEの糞仕様
    364 : Name_Not - 2010/03/26(金) 15:49:44 ID:??? (-1,-29,-16)
    opacityの先行実装がfilterかね
    365 : Name_Not - 2010/03/26(金) 16:54:03 ID:??? (+49,+26,-17)
    先行実装の意味わかってるか?
    366 : Name_Not - 2010/03/26(金) 17:02:38 ID:??? (+20,+2,-13)
    勝手実装
    368 : Name_Not - 2010/03/26(金) 17:30:58 ID:??? (+7,-29,-37)
    そのサンプルでの定義とか、使っているライブラリの中で定義されてるんだろ。
    javascript:alert(typeof $get);これでそれが定義されているのかわかるから
    後は自分で調べれ。
    369 : 0 - 2010/03/26(金) 18:26:27 ID:??? (+3,-29,-76)
    Googleの検索でYahoo Japanって検索した時にヤフーのメインページの
    リンク以外にも、メール・ニュース・オークションとあるんですがあれは
    どうすれば一般のウェブサイトにつけれますか?ご存知の方宜しくお願いします。
    370 : Name_Not - 2010/03/26(金) 18:28:50 ID:??? (+36,+18,+0)
    すれち
    371 : Name_Not - 2010/03/26(金) 19:04:32 ID:??? (+8,-30,-22)
    透過なら、3つまとめてやってるよ。
    obj.style.filter="alpha(opacity=xx)";と
    obj.style.MozOpacity=xx;と
    obj.style.opacity=xx;の3つで。
    2つめは念のために入れてたり。
    372 : Name_Not - 2010/03/26(金) 19:14:13 ID:DqqHxmkE (+19,+24,-18)
    JavaScriptを書くのに使える色分け表示できるエディタって何がいいですか?
    373 : Name_Not - 2010/03/26(金) 19:29:04 ID:??? (-1,-29,-25)
    エディタならなんでもいいんじゃね
    IDEならaptana
    374 : Name_Not - 2010/03/26(金) 19:43:21 ID:??? (-1,-29,-17)
    エディタ名とJavaScriptで画像検索
    375 : Name_Not - 2010/03/26(金) 21:47:09 ID:K6QF+Cfr (+9,+18,+2)
    >>368
    ありがとうございます
    376 : Name_Not - 2010/03/27(土) 00:25:48 ID:??? (+9,-30,-301)
    jQueryのAutocomplete Modを使いたいのですが
    以下のようにinputが複数あり(実際にはもっと多数存在)、それらをクリックしたときに
    jQuery Autocomplete Mod プラグインでオートコンプリートを実行したいのですが
    id_nameは取得出来ていますがAutocomplete Modは全く動いてくれません・・・
    jsファイルのauto_search(obj)をどのように修正すれば動くようになりますでしょうか。
    ちなみに、onclickのイベントしたいのは、autocompleteArrayを条件により変更したいためになります。
    たとえば・・・Local1は州、Local2はLocal1で選択した州に存在する町のような形です。

    html側(jquery.autocomplete.js、jquery-1.4.2.min.jsは読み込み済み)
    <body onload="init()">
    <table id="tbl">
    <tr><td><input type="text" id="Local1" value=""></td></tr>
    <tr><td><input type="text" id="Local2" value=""></td></tr>
    </table>
    377 : Name_Not - 2010/03/27(土) 00:27:12 ID:??? (+67,-30,+0)
    開業が多すぎると言われてしまったのでhtmlに対するjsファイルはいかになります。

    function init(){
    var e=document.getElementById('tbl').getElementsByTagName('input');
    for (var i=0; i<e.length; i++){e[i].onclick=function(){auto_search(this)};}
    }

    function auto_search(obj){

    var id_name = obj.getAttribute("id");
    //
    alert(id_name);//念のためalertでidが取得出来ているかチェック

    var data_arr = new Array();
    if(id_name=="Local1"){
    data = ["Aberdeen", "Ada", "Adamsville", "Addyston","Adelphi", Adena","Adrian", "Akron"];
    }else{//実際はDBへアクセスしLocal1のvalue値からarrayを作成予定
    data = ["aaa","bbb","ccc"];
    }
    $(document).ready( function() {

    $('#'id_name).autocompleteArray(data_arr);


    });

    }
    378 : Name_Not - 2010/03/27(土) 00:36:02 ID:??? (+1,-27,-4)
    >>371
    未だに火狐1.5未満を使ってる人が果たしているのかw
    379 : Name_Not - 2010/03/27(土) 00:49:18 ID:??? (+5,-30,-42)
    >>377
    最後の行を

    $('#' + id_name).autocompleteArray(data_arr);

    にすればいんじゃね?
    レス読んでないけど。
    380 : Name_Not - 2010/03/27(土) 01:04:11 ID:??? (+16,-30,-282)
    <div class="hoge"><p>で囲まれているspanタグのテキスト部分だけを取り出したいのですが、
    -----------------
      var str = "";
      var spanTag = document.getElementsByTagName("span");
      for(var i=0; i<spanTag.length; i++){
        if(spanTag[i].parentNode.nodeName == "P" && spanTag[i].parentNode.parentNode.nodeName == "DIV" && spanTag[i].parentNode.parentNode.className == "hoge"){
          str += spanTag[i].innerText + "\n";
        }
      }
      alert(str);
    -----------------
    ↑if文の条件をもっとすっきり書くことできますでしょうか?
     jQueryを使うのは無しでお願いします。

    ■テストケース■
    <div class="hoge"><p><span>OK1</span></p></div>
    <div class="hoge"><p><span>OK2</span></p></div>
    <div class="geho"><p><span>NG</span></p></div>
    <div class="hoge"><span>NG</span></div>
    <div><p><span>NG</span></p></div>
    <p><span>NG</span></p>

    ■出力結果■
    OK1
    OK2
    381 : 377 - 2010/03/27(土) 01:15:08 ID:??? (+3,-30,-236)
    jsファイルに一部記載誤り有り

    var data_arr = new Array();
    if(id_name=="Local1"){
    data_arr = ["Aberdeen", "Ada", "Adamsville", "Addyston","Adelphi", Adena","Adrian", "Akron"];
    }else{//実際はDBへアクセスしLocal1のvalue値からarrayを作成予定
    data_arr = ["aaa","bbb","ccc"];
    }

    dataをdata_arrにしましたが動かず・・・

    >379
    情報ありがとうございます。
    しかし、一瞬動いた!と思ったけど、IEだとオブジェクトを指定しろとのエラーがFirefoxのFirebugには
    jsファイル自体が表示されない状況に陥ってしまいました・・・
    もう少し、初めのjsファイル見直してみます
    382 : Name_Not - 2010/03/27(土) 01:17:17 ID:??? (-1,-29,-19)
    jQueryなら$()で帰ってくるのは配列じゃなかったかな
    383 : Name_Not - 2010/03/27(土) 01:49:47 ID:??? (-2,-30,-63)
    jQueryオブジェクトだっけ。
    $('#test')[0]でprototypeの$と同じ
    384 : Name_Not - 2010/03/27(土) 01:52:49 ID:??? (+31,+8,-16)
    ここはjQueryもokですか?
    385 : Name_Not - 2010/03/27(土) 01:54:38 ID:??? (+58,+28,-3)
    それ用の専用スレでも別に立てろよ
    387 : Name_Not - 2010/03/27(土) 02:12:45 ID:??? (+4,-30,-139)
    >>380
    慣れてないから、もっといい書き方あるかもしれない

    var str = "";
    var it = document.evaluate('//div[@class="hoge"]/p/span/text()', document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
    var text = it.iterateNext();
    while (text) {
    str += text.textContent + "\n";
    text = it.iterateNext();
    }
    alert(str);
    388 : 377 - 2010/03/27(土) 02:36:11 ID:??? (+4,-30,+0)
    とりあえず、data_arrの条件分岐をやめ
    function auto_search(obj){
    var id_name = obj.getAttribute("id");
    //alert(id_name);

    var data_arr = new Array("Aberdeen","Ada","Adamsville","Addyston","Adelphi","Adena","Adrian","Akron");
    //alert(data_arr);

    $(document).ready( function() {
    $('#'+id_name).autocompleteArray(data_arr);
    });
    }
    にして試してみましたが、IEではどちらかのalertを有効にすれば動きました。
    Firefox、Operaではalertを有効にしても当たり前の事ながら動きません。
    なぜIEのみalertが有効なら動くのかも分からず困りました。

    それよりも
    >385-386
    一応Javascriptに関する事なのでOKかと思いましたがスレチだったでしょうか?
    これ以上の質問はすれ違いなようでしたら>386ご紹介のスレに移動したいと思います。
    389 : Name_Not - 2010/03/27(土) 02:45:52 ID:??? (+52,+29,-2)
    スレ見たけどひどいな
    390 : Name_Not - 2010/03/27(土) 02:57:50 ID:??? (+91,+29,-15)
    とりあえず一応紹介したけど別にスレ違いでもないんじゃね
    391 : 377 - 2010/03/27(土) 03:27:15 ID:??? (+76,+30,-24)
    >390
    心強い言葉ありがとうございます。


    さて肝心のものは、あれから悩み続けても進展無く、眠くて朦朧としてきただけのようです。
    どなたか、解決への糸口のご教示、よろしくお願いいたします。
    392 : Name_Not - 2010/03/27(土) 07:23:56 ID:??? (+49,-30,+0)
    >>391
    jQuery使ったことの無い俺がなおしてやったよ。
    body onloadはjQueryに変えた。気分で。
    $(id_name).autocompleteArrayの部分は説明サイトからコピペ
    Chromeでも動いたけど、挙動が不安定で安心できないな。
    function auto_search(obj) {
    var id_name = obj.getAttribute("id");
    var data_arr = ["Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena ", "Adrian ", "Akron "];
    function findValue(li) {
    if (li == null) return alert("該当する項目はありません");
    if ( !! li.extra) var sValue = li.extra[0];
    }
    function selectItem(li) {findValue(li); }
    function formatItem(row) {return row[0] + " (id: " + row[1] + ")"; }
    function lookupLocal() {
    var oSuggest = $('#' + id_name)[0].autocompleter;
    oSuggest.findValue();
    return false;
    }
    $(document).ready(function () {
    $('#' + id_name).autocompleteArray(data_arr, { delay: 10, minChars: 1, matchSubset: 1, onItemSelect: selectItem, onFindValue: findValue,
    autoFill: true, maxItemsToShow: 10
    });
    });
    }
    $(document).ready(function () {
    var e = document.getElementById('tbl').getElementsByTagName('input');
    for (var i = 0; i < e.length; i++) {
    e[i].onclick = function () { auto_search(this); };
    }
    });
    393 : Name_Not - 2010/03/27(土) 08:43:57 ID:??? (+5,-30,-75)
    >>380
    SelectorsAPI+Array.forEachを使う方法

    var str="";
    Array.prototype.slice.call( document.querySelectorAll("div.hoge > p > span") ).forEach(function(e){
     str += e.innerText + "\n";
    });
    alert(str);
    395 : 377 - 2010/03/27(土) 10:08:54 ID:??? (+69,+29,-154)
    >392
    ありがとうございます!!!
    早速、jsファイルにそのままコピペしてローカルで試してみました。

    alertを出せば即動くのに、alertを消すと読み込みに時間が掛かるのか
    画面が表示しきってから1分程度放置すると動くようになりました。
     もしや夜中の状態も、放置時間が短かったのか?
    挙動不安定とのコメントがありますが、なんか私の環境の問題もあるみたいです。

    onloadの件、確かにjQueryに書き換えられますね。
    大変勉強になりました。
    お忙しいところ糸口所か直していただき本当にありがとうございました。
    396 : Name_Not - 2010/03/27(土) 10:45:09 ID:??? (+10,-30,+0)
    >>376
    ほい

    <!DOCTYPE html>
    <html>
    <head>
    <title>Untitled</title>
    <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery.autocomplete.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    var val = '', idx, arr1 = ['Tokyo', 'Kanagawa'],
    arr2 = [['Adachi', 'Arakawa', 'Chiyoda', 'Edogawa', 'Katsushika', 'Shibuya'], ['Kawasaki', 'Yokohama']];
    $('#local1').autocompleteArray(arr1).bind('keyup keydown blur update', function() {
    if (val == (val = $(this).val())) return;
    if ((idx = $.inArray(val, arr1)) != -1) $('#local2').autocompleteArray(arr2[idx]);
    });
    });
    </script>
    </head>
    <body><input type="text" id="local1" /><input type="text" id="local2" /></body>
    </html>
    397 : Name_Not - 2010/03/27(土) 12:11:26 ID:??? (+28,-24,-25)
    >>394
    testのプロパティにする意味が不明
    そもそもtestが不明
    書き方を問うならせめて動くコードにしてくれよ
    398 : Name_Not - 2010/03/27(土) 12:23:32 ID:??? (+61,+29,-22)
    >>397さんどもっす
    コードは↓のを丸写しに近いのですがだめですかね?
    http://www.kuma-de.com/blog/2009-03-24/377
    399 : Name_Not - 2010/03/27(土) 12:36:35 ID:??? (+57,+29,-57)
    それ機能説明用の抜粋だし

    ついでに、なんのライブラリも読ませていない素のjavascriptで
    なんの前置きもなく「クラス」という言葉を使った記事はマユツバ
    400 : Name_Not - 2010/03/27(土) 14:39:21 ID:??? (+91,+30,-35)
    今はもう javascript でも「クラス」といえば一つのものが
    代表されるんだから前置きも必要ないんじゃないかな。

    それが厳密にクラスかどうかということは問題じゃなくてね。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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