イベントハンドラを完全に外部化にしたい

解決済

質問者：etu007
質問日時：2007/04/02 16:24
回答数：11件

イベントハンドラをなんとか、完全に外部ファイルにしたいと考えています。
<ul><li>
<a href="a.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image1','','../ig/c1.gif',1)">
<img src="../ig1.gif" alt="aaa" name="Image1"
id="Image1" /></a></li>
<li>
<a href="b.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image2','','../ig/c2.gif',1)">
<img src="../ig2.gif" alt="bb" name="Image2"
id="Image2" /></a></li>
・
・
・
</ul>

サイトのナビ部分のソースです。この中にあるonmouseout、やonmouseoverを外部ファイルにして、
<ul><li>
<a href="a.html"><img ～></li>
<a href="b.html"><img ～></li>・
・
・
</ul>というすっきりした形にできないものでしょうか…
イベント登録する関数を作って、ページのonloadで実行しておく
という感じかな…と考えていたりするんですが…

どのように記述すればよいか
お知恵をお貸しください。
※MM_swapImgRestoreやMM_swapImageはすでに外部化済です

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (11件中11～11件)

ベストアンサー優先
最新から表示
回答順に表示

No.1

回答者： noname#86752
回答日時：2007/04/02 17:04

>イベント登録する関数を作って、ページのonloadで実行しておくという感じかな…と考えていたりするんですが…

あまり詳しくはないですが、まさに、その方法を取ったことがあります。
例えば・・・
<a href="a.html" id="link_a">......</a>
というエレメントのonmounseoutを付けたいなら、
<body onload="init();">
とやっておき（initでなくてもいいですが）
headの中のscript内で
function init() {
var e = document.getElementById("link_a");
e.onmouneover = MM_swapImgRestore;
}
とやってあげればいく・・・はず。