タグ

2013年1月9日のブックマーク (3件)

  • jQueryを使って、クリックされたリストのidを取得したいと思います。…

    jQueryを使って、クリックされたリストのidを取得したいと思います。リストはJSONでPHPから読み込んでいます。 下記のようなコードを書いたのですが、JSONで読み込んだリストをクリックして反応がありません。 JSONで読み込まずに直接HTMLに<li>を書けばアラートが表示されるので、JSONでリストを読み込んだのが 原因だと考えられます。しかし、動的にリストを読み込みたいのですが、何か方法はないでしょうか? // PHPからliの内容を取得 function getList(data){ // dataには<li id="1">aaa</li><li id="2">bbb</li>が入っているとする $("#myList").append(data); } $.getJSON('list.php',null,getList); // クリックしたliのidの値をアラートで表示 $

  • jQueryでクリックされたエレメントの属性を取得する

    どうも、俺@仕事中です。 jQuery+Ajaxを使ってインタラクティブなデザインのシステムを構築中なのですが、ちょっとハマったのでめも。 画面にテーブルとか使って、何かデータを一覧表示した場合に、クリックされた要素のvalue値やname属性の値やidの値とか取りたくて、取りたくて、、、取れなくて1時間悩みました。。。 例えば <td><a href="foo" id="foo_id" value="foo_value">FOO</a></td> <td><a href="bar" id="bar_id" value="bar_value">BAR</a></td>のようなテーブルがあるとします。 これでjQueryで'FOO'をクリックした時に、その<a>タグに指定してあるid値やvalue値を取得したい!場合は $("a").click(function() { id = $(thi

  • ラジオボタンでグラフィカルなトグルボタンを作ってみる - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) HTMLでトグルボタンを実装するにはinput[type=radio]が近道ですが、 リッチな雰囲気にする為に見た目を制御したい。今回はそんなお話です。 「ラジオボタンがすでにグラフィカルでは?」という細かいつっこみは置いといて頂き、 稿ではより自由度高く外見をカスタマイズする方法を記していきます。 ラジオボタンでなくともトグルボタンはJavaScriptで作れますが、 択一で選択する仕組みをわざわざ自前で実装するよりも、 その為に作られた物をその為に使って実現してみます。 マークアップ 例えばこんなHTMLCSSを書きます。 血液型を選択する簡単なトグルボタンです。 HTML <form class="question"> <h1>あなたの血液型は?</h1> <ul class="bloodtype-list"> <li

    ラジオボタンでグラフィカルなトグルボタンを作ってみる - Mach3.laBlog