-PR-
解決済み

HTMLかJavaScriptで、。。。

  • 困ってます
  • 質問No.62955
  • 閲覧数30
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 20% (10/48)

選択した画像などの枠ぐみか何かを
別の画像と区別するために表示したいのですが・・・。
マウスのシングルクリックで表示したいのですが・・・。
教えてください。。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.1
レベル12

ベストアンサー率 75% (398/526)

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のテーマ
このQ&Aで解決しましたか?
関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-

特集


開業・独立という夢を持つ人へ向けた情報満載!

ピックアップ

ページ先頭へ