-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では動作しませんでした、、、
-PR-
-PR-
このQ&Aのテーマ
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

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

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

特集


専門家があなたの悩みに回答!

-PR-

ピックアップ

-PR-
ページ先頭へ