JAVAスクリプトでマウスオーバーをすることで「URL」と「画像」の両方を入れ替えたい（アマゾンの商品表示）と思っております。

Question

gelgelgel

56

54もっと見る

100pt

インターネットウェブ制作

JAVAスクリプトでマウスオーバーをすることで「URL」と「画像」の両方を入れ替えたい（アマゾンの商品表示）と思っております。

http://www.amazon.co.jp/gp/product/B000FS7V36/ref=s9pop_c2_img1-3173_p-rfc_g1?pf_rd_m=AN1VRQENFRJN5&pf_rd_s=center-2&pf_rd_r=1T4NYG6M30BYEG0JT2G1&pf_rd_t=101&pf_rd_p=86245606&pf_rd_i=489986

画像だけなら以下のようにすればできるのですが

▼ここから

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<center>
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons1.gif')">パンダ</a>
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons2.gif')">ペンギン</a>
<br><br>
<a href="このURLも変更">
<img src="images/icons1.gif" border="0" width="32" height="32" name="myimg"></a>
</center>

▲ここまで

URLも変更するにはどうしたらいいのでしょうか？
なるべくシンプルなものをお願いいたします。

回答の条件

1人2回まで

登録：2008/09/01 20:56:48
終了：2008/09/01 21:30:12

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

人力検索はてな過去にhttp://q.hatena.ne.jp/1220270206で.. 2008-09-14 23:50:00
人力検索はてな画像をクリックすると、枠内に大きく表示さ.. 2008-11-18 23:46:02

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

GoldenDawn · Answer 1 · 2008-09-01T21:16:28+09:00

function gazou(mySrc, myAnc) {
  document.getElementById('myimg').src=mySrc ;
  document.getElementById('myanc').href = myAnc ;
}

<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons1.gif', 'panda')">パンダ</a>
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons2.gif', 'penguin')">ペンギン</a>
<br><br>
<a href="panda" id="myanc">
<img src="images/icons1.gif" border="0" width="32" height="32" id="myimg"></a>

画像の方は name でもいいのですが、どっちかというと id のほうが標準なので変えました。

JAVAスクリプトでマウスオーバーをすることで「URL」と「画像」の両方を入れ替えたい（アマゾンの商品表示）と思っております。

回答（1件）

GoldenDawn426812008/09/01 21:16:28

コメント（0件)

この質問への反応（ブックマークコメント）

トラックバック