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

javascriptに関する質問です。ボタンを押すとイメージが切り替わる様にしたのですが、更に違うボタンを押した時に最初に押したボタンが元に戻るようにする方法がわかりません。ソースでの回答を希望します。
以下にテストページを作成しましたのでご確認の上回答をお願いします。
http://amenohiha.hp.infoseek.co.jp/test.html

●質問者: 雨の日
●カテゴリ:ウェブ制作 学習・教育
✍キーワード:JavaScript イメージ ソース テスト ボタン
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● aki73ix
●60ポイント ベストアンサー

<body leftmargin="0" topmargin="50"  onLoad="MM_preloadImages('img/btn_small_1.gif','img/btn_middle_1.gif','img/btn_large_1.gif')"> ←まず、括弧とじわすれがあります

次に以下の関数を追加します

function MM_Restore(){

   MM_swapImage('font-s','','img/btn_small_0.gif',1);

   MM_swapImage('font-m','','img/btn_middle_0.gif',1);

   MM_swapImage('font-l','','img/btn_large_0.gif',1) 

}

その上で

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseDown="MM_Restore();MM_swapImage('font-s','','img/btn_small_1.gif',1);" onMouseUp="MM_upImages('font-s','','img/btn_small_1.gif',1) "><img src="img/btn_small_0.gif"name="font-s" width="34" height="32" border="0"></a>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseDown="MM_Restore();MM_swapImage('font-m','','img/btn_middle_1.gif',1)" onMouseUp="MM_upImages('font-m','','img/btn_middle_1.gif',1)" ><img src="img/btn_middle_0.gif" name="font-m" width="34" height="32" border="0"></a>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseDown="MM_Restore();MM_swapImage('font-l','','img/btn_large_1.gif',1)" onMouseUp="MM_upImages('font-l','','img/btn_large_1.gif',1)" ><img src="img/btn_large_0.gif" name="font-l" width="34" height="32" border="0"></a>

のようにすればよいでしょう

ただ、このままだと、IE5では動作しないMethodが含まれていることと、処理に無駄が多いので、プログラム全体を見直した方がいいかもしれません

◎質問者からの返答

ご回答して頂いた内容でうまくいきました、ありがとうございます。IE5で動作しないのは問題ですね、javascriptに関してははほとんど素人でなのでプログラムをどう直せばいいのかわかりませんが、少しづつ勉強して改善したいと思います。ありがとうございました。

関連質問


●質問をもっと探す●



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