• ベストアンサー

HTMLかJavaScriptで、。。。

選択した画像などの枠ぐみか何かを 別の画像と区別するために表示したいのですが・・・。 マウスのシングルクリックで表示したいのですが・・・。 教えてください。。

質問者が選んだベストアンサー

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.1

IMGのborderの値を、onClickイベントを拾って変更すればよいのでは? ---- sample ---- <html> <head> <script language="javascript"> <!-- function waku(n) { for (var i = 0; i < document.gazou.length; i++) { if (i == n) { document.gazou[i].border="5"; } else { document.gazou[i].border="0"; } } } //--> </script> </head> <body> <table> <td><img src="test.bmp" name="gazou" border="0" onClick="waku(0)"></td> <td><img src="test.bmp" name="gazou" border="0" onClick="waku(1)"></td> <td><img src="test.bmp" name="gazou" border="0" onClick="waku(2)"></td> </table> </body> </html> ---- sample end ---- 画像には全て同じname値をつけ、配列扱いにします。 onClickで呼び出すwakuの引数に、画像の番号(配列の要素番号と同じになるように)を渡します。 waku関数の中で、クリックされたIMGのborder値を5に、それ以外を0にしてしまいます。 IE5.0で動作確認済みです。 NSでは動作しませんでした、、、

関連するQ&A