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

    私的良スレ書庫

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

    元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.1

    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
    505 : Name_Not - 2012/05/08(火) 02:40:53.95 ID:??? (-29,-30,-95)
    ある要素の属性全てを取得したいのですが
    <div id="test" style="background;:red">内容</div>
    というものをブラウザで表示させて

    内容

    となって、内容をクリックしたら「 test background:red」と表示させたいのですが
    どのようなコードを書けばいいでしょうか
    event.target.id などは使わず、ループで回して全ての属性を取得したいです。
    お願いします
    508 : Name_Not - 2012/05/09(水) 13:07:32.09 ID:??? (+1,+8,-14)
    jQueryで自作するのが早い
    509 : 507 - 2012/05/10(木) 01:03:08.24 ID:br3Uyk+P (+30,+29,-31)
    レスが遅れてすみません!
    お返事ありがとうございます。
    確かに自作できれば早いですよね…
    ですが、僕は自作できるほどjQueryが使いこなせていないのです…orz
    510 : Name_Not - 2012/05/10(木) 01:44:33.75 ID:??? (-26,-29,-80)
    jQueryのvalidation系プラグインで
    入力フォームに対してまとめてvalidation実行した際に
    validだったらフォームの値をかき集めて自動的にJSON化してくれるような
    機能をもったものってありますか?
    511 : Name_Not - 2012/05/10(木) 02:06:17.45 ID:??? (+37,+29,-6)
    >>509
    背景色のイメージを間にはさめば?
    512 : Name_Not - 2012/05/10(木) 09:58:51.47 ID:??? (+14,+30,+0)
    513 : 507 - 2012/05/10(木) 10:59:24.38 ID:vHEDa+JW (+32,+29,-7)
    >>511
    !!! なるほど。確かにその通りです。
    なんで気づかなかったんだ、オレ…orz
    ありがとうございます!
    514 : 507 - 2012/05/10(木) 11:05:36.07 ID:vHEDa+JW (+29,+29,-8)
    >>512
    情報ありがとうございます!
    こまかく設定ができてよさそうです。
    これから色々と触ってみます!
    515 : Name_Not - 2012/05/10(木) 12:04:47.30 ID:??? (-21,-30,-282)
    過疎化したスレに書き込んでしまいましたので、こちらでお尋ねしたいと思います。
    分かる人がいれば教えてくだちい。

    Google+の「+1」の数だけ取得したくて、以下のようなコードを書いてみました。

     $.ajax({
      type   : 'get',
      url   : 'https://plusone.google.com/u/0/_/+1/fastbutton?url=' + targetURL,
      dataType : 'jsonp',
      success: function( data, textStatus ) {
       //読み込み成功
      },
      error: function( XMLHttpRequest, textStatus, errorThrown ) {
       //読み込み失敗
      }
     });

    で、実行させると、必ず失敗するんですが、Firebug(1.9.1)でチェックすると、レスポンスの欄には、ちゃんと目的のHTMLが届いていました。
    いろいろ試してみると、dataType : 'script'では成功しますが、レスポンスには何らかの関数のコードが届いていました。

    どうすれば、Google+の「+1」の数だけ取得できるでしょうか?!
    FacebookやTwitterみたいには行かないんですかね?!
    (Ajax以外の方法でも構いません)
    516 : Name_Not - 2012/05/10(木) 12:18:01.89 ID:??? (-8,-4,-30)
    形式がjsonpではないからでしょ?
    520 : Name_Not - 2012/05/10(木) 13:53:10.35 ID:??? (+22,+29,-14)
    >>519
    PHPと組み合わせるって話はいま初めて書いただろ?
    情報を後出しするなハゲ野郎
    522 : Name_Not - 2012/05/10(木) 14:57:36.28 ID:??? (+20,+27,-4)
    ハゲが図星だったか
    523 : Name_Not - 2012/05/10(木) 15:08:34.77 ID:??? (+23,+25,-4)
    そもそもPHPのサーバ指してないしな
    524 : Name_Not - 2012/05/10(木) 15:10:48.49 ID:??? (-24,-29,-207)
    >>520
    こちらも知ったのは>515を書き込んだ後だから、後だしになってしまうのは仕方ないでしょ。
    しかし、「ハゲ野郎」の部分は間違っていないので、そこは認めるw


    その後も、いろいろと調べてみたところ、dataTypeは「SCRIPT」が正しいようです。

    具体的には、通常の方法でGoogle+ボタン(iframe)を置いた後、$("#aggregateCount").htmlを確認しました。
    すると、>515に書いたとおり、関数「function(a) = {...}」の内容が見られました。

    つまり、https://plusone.google.com/... で返るのはスクリプトで、それが実行されてGoogle+のインラインフレームとなるようです。
    インラインフレームが吐き出された後なのに、スクリプトとしてしか参照できないのは腑に落ちないけど、そうなんだから仕方ない(動的に差し込まれたソースだから?)。
    PHPと組み合わせると取得できるのは、HTMLソースとして取得できるからじゃないかと推測しています。

    なんかよい方法があるといいのだが。。。
    525 : Name_Not - 2012/05/10(木) 15:26:30.22 ID:??? (+19,+26,-5)
    いや、dataTypeがSCRIPTなんて、そんなバカな話はないな。
    >>524は忘れてくださいまし。
    526 : Name_Not - 2012/05/10(木) 15:33:48.60 ID:??? (+24,+29,-5)
    えっと>515については、↓のような対処しかないみたいなので、質問を撤回します。
    http://www.muratayusuke.com/2011/05/28/access-control-allow-origin/
    527 : Name_Not - 2012/05/10(木) 15:41:08.09 ID:??? (-10,-7,-10)
    php使うってのがよくわからん。phpサーバを一回通すってこと?
    528 : Name_Not - 2012/05/10(木) 15:53:56.86 ID:??? (+27,+29,-29)
    PHPスレに行けと言いたいところだが。
    普通はHTMLやJSってサーバ上に設置するよな?
    これで分からないならセンスがないんだろう。
    532 : Name_Not - 2012/05/10(木) 16:33:26.62 ID:??? (+27,+29,-7)
    ああそうか。User.jsばっかり触ってたから鯖にうpしてるって認識がなくなってたわ。
    533 : Name_Not - 2012/05/10(木) 18:58:59.25 ID:??? (-10,-5,-16)
    jsonp使えば何とかならん?
    534 : Name_Not - 2012/05/10(木) 19:10:23.22 ID:??? (+12,+19,-15)
    形式がJSONPじゃなかろうもん
    535 : Name_Not - 2012/05/10(木) 20:09:16.09 ID:??? (+29,+29,-33)
    GoogleだからなんかAPIあんじゃねーの?
    そっちの方向で調べたほうが良いと思う
    536 : Name_Not - 2012/05/10(木) 20:33:20.41 ID:??? (+31,+29,-81)
    >515です。

    みなさん、レスありがとうございました。
    あれから色々と試行錯誤を繰り返した結果、↓のプラグイン(PHP+JQuery)で実現できますた。
    http://creatorish.com/lab/2282


    >>530-531, >>533-534
    この問題に付き合ってくれてあざーす m(__)m


    >>535
    そう思って、しばらく調べてみたのですが、今のところはAPIは準備されてないっぽいですね。
    537 : Name_Not - 2012/05/11(金) 12:57:10.03 ID:??? (-17,-30,-143)
    jQuery Mobileのテキストインプットで、
    ラベルと入力フィールドを横並びの一行で表現すべく

    <div data-role="fieldcontain">
     <label for="name">Text Input:</label>
     <input type="text" name="name" id="name" value="" />
    </div>

    と書いて、inputタグに対するcssのwidthを小さめに設定したのですが、
    どれだけ小さくしてもラベルと入力フィールドが改行されて2行で表示されてしまいます。
    これを1行にまとめる方法はありますか?
    538 : Name_Not - 2012/05/11(金) 13:22:02.82 ID:??? (+0,+9,-4)
    改行を禁止すれば良い
    539 : 537 - 2012/05/11(金) 13:44:17.61 ID:??? (-29,-30,-181)
    >>538
    ありがとうございます。
    下記のような感じで試してみたのですが、スマホ実機だと変化無し、
    chrome,ffではinputタグ自体が表示されなくなってしまいました。

    <div data-role="fieldcontain" class="nowrap">
     <label for="name">Text Input:</label>
     <input type="text" name="name" id="name" value="" class="width20px"/>
    </div>

    css側:
    .nowrap{
     white-space: nowrap;
    }
    .width20px{
     width:20% !important;
    }

    自分でもググってみます。
    542 : Name_Not - 2012/05/11(金) 22:00:58.53 ID:??? (+18,+20,-3)
    工事中の英文に書いてある
    543 : Name_Not - 2012/05/12(土) 10:31:45.54 ID:??? (+27,+29,-43)
    jQueryが原因かわからないけど
    モーダルにしてダイアログボックスを出しても、裏に隠れている部分が反応してしまい
    操作できない
    これはブラウザ側のバグ?
    544 : Name_Not - 2012/05/12(土) 10:34:16.80 ID:??? (-12,-5,-3)
    ソースを示したら?
    545 : Name_Not - 2012/05/12(土) 15:41:05.38 ID:??? (+30,+29,-9)
    >>542
    機械翻訳しても意味が…
    どなたか教えてくだされば助かります
    546 : Name_Not - 2012/05/12(土) 18:59:21.54 ID:??? (+33,+29,-9)
    新しいサイト用意するからしばし待てってことじゃないのかな。
    とりあえずProject Homeからダイレクトに入手しちゃうのも手かも。
    http://www.protofunc.com/scripts/jquery/backgroundPosition/jquery.backgroundPosition.js
    547 : Name_Not - 2012/05/12(土) 20:00:05.91 ID:??? (+32,+29,-14)
    >>546
    そういうことですか…
    しかし大分前からこの表示あるような…
    それと、リンクありがとうございます助かりました
    548 : Name_Not - 2012/05/13(日) 21:04:50.27 ID:??? (-27,-30,-192)
    スライド表示させたメニュー領域の外をクリックして、メニューを閉じたい。

    ・メニューボタンを押すと slideDown / slideUp でメニュー開閉
    ・表示されたメニューの枠外をクリックした場合はメニューを閉じる
     (メニュー枠内をクリックした場合は無視)

    上記の事がやりたいのですがうまく行きません。
    .not を使って下記のようにすれば良いのかと思ったのですが、
    枠内でも反応してしまいます。

    $("div").not("#menuframe").click(function(){
    $("#menuframe:not(:animated)").slideUp("200");
    });

    上記の修正・補足または、
    別の方法が分かる方がいらっしゃいましたらお願いします。
    549 : Name_Not - 2012/05/13(日) 21:18:55.28 ID:??? (+27,+29,-23)
    DOMの構造を公開しないと答え出ないと思うよ。たぶんイベントバブリングだと思うけど。
    550 : Name_Not - 2012/05/14(月) 00:14:55.32 ID:??? (-17,-20,-92)
    ありがとうございます。

    HTML 的には親子関係になく、
    単純にボタン用の画像クリックで、別の場所の div を表示させているのですが、
    やっぱり、親子関係にしないとそのあたりの処理はできないみたいですね。

    event.stopPropagation あたりもあわせて、もう少し頑張ってみます。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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