人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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">
<!--
function gazou(mySrc){
document.myimg.src=mySrc;
}
//-->
</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も変更するにはどうしたらいいのでしょうか?
なるべくシンプルなものをお願いいたします。

1220270206
●拡大する


●質問者: gelgelgel
●カテゴリ:インターネット ウェブ制作
✍キーワード:Java SRC URL アマゾン シンプル
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● GoldenDawn
●100ポイント
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 のほうが標準なので変えました。

◎質問者からの返答

100点満点です!!ありがとうございました!!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ