出産前後の痔にはご注意!

javascriptで下記のページの様にソートはしなくて構わないのでアイコンの動き、切り替えるだけをプラグイン等使わずに実装したいです。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
http://ikedaya.gejigeji.jp/anime/sinsaku_end-201 …

詳しくは
<th class="*****">をクリックしたらアイコン画像が切り替わる。
※現状このclassにbackgroundで画像を表示しています。
1、デフォルトは上下▲▼の画像
2、押したら上▲画像
3、もう一度押したら下▼画像
それ以降は2~3の繰り返し。
ソートについては別の方がやっていただけるので動きだけをお願いしたいです。

できましたら至急教えていただきたいです;;

このQ&Aに関連する最新のQ&A

A 回答 (3件)

ANo2です




「背景」というのを見落としていました。m(__)m


>※現状このclassにbackgroundで画像を表示しています。

とのことなので、
elm.src = status?"img2.gif":"img3.gif";
        ↓
elm.style.backgroundImage = status?"url(btn2.gif)":"url(btn3.gif)";
みたいな感じで。
    • good
    • 0

要領のみですが…




実装は対象ブラウザに応じて修正を。

Array.prototype.map.call(document.querySelectorAll(".hoge"), function(elm){
 var status = false;
 elm.addEventListener("click", function(evt){
  status = !status;
  elm.src = status?"img2.gif":"img3.gif";
 }, false);
});
    • good
    • 0

こんなん質問じゃなくって作成依頼じゃんよ。



http://lancers.jp

ここで5,000円で作ってくれるよ
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング