Javaのロールオーバーについて教えてください

質問

質問させていただきます。

DreamweaverCS3にてＷＥＢサイトを作成しているのですが、メニューボタンにロールオーバー画像スワップの効果を付け加える必要がでてきました。

メインページであるindexに対してDWのビヘイビア機能を使い、index自体にはロールオーバーを実現することができました。

付け加えたソースコードを外部ＪＡＶＡファイルとして切り分け、他のページにも適用したいのですが、javascriptのどの部分を変更すれば、全ページに適用されるのかわかりません。

スクリプトは以下のとおりです。

<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

「index」となっている部分を何らかに変更すれば実現できるのではないかと考えたのですが、まったくわかりません。

どなたか詳しい方、ご教示いただけると幸いです。

回答No.3

breaking

DWで生成されたスクリプトを、そのまま外部の[○○○.js]というjavascriptファイルにカット＆ペーストします。
その際、javascriptではHTMLのコメント部(<!-- -->)は不要です。

同時に、HTMLには
<script type="text/javascript" src="○○○.jsファイルへのパス"></script>
と記述して外部javascriptを読み込むのを忘れないでくださいね。

回答No.2

神崎 渉瑠（@taloo）

「Javascript 外部ファイル」で検索して出てきた結果から。
http://www.pori2.net/js/kihon/16.html

こういうページを参考にしてみてください。

回答No.1

fujillin

えっと・・・
JavaとJavaScriptは全く別物ですので、Javaであればカテゴリーが別にあります。

DWはまったく知らないのとご提示のスクリプトもほとんど見ていませんが、設定するときのルールがどうなっているか（あるいはどうなさるおつもりなのか）によって修正の方法は変わってくると思います。

そのスクリプトにこだわらなくても、一般化されたものは沢山ありますので、「javascript」、「rollover」などをキーに検索すればいろいろ見つかることと思います。

ごく一例として（比較的シンプルなもの）
http://css-happylife.com/archives/2007/0621_0010.php

これだと、画像のプレロードをしていないのと、イベントを上書きしてしまう可能性がありますが…
ロールオーバーの画像程度ならプレロードもいらない気はしますが、同じ原理でプレロードしてくれるもの
http://www.sapphirus.biz/javascript/rollover/sample/sample.html

イベントの干渉を避けられるもの（jQueryを使ってますけれど…）
http://ascii.jp/elem/000/000/471/471577/

（↑）はちゃんと探したわけではなく、すぐに見つかったものだけですが、すこし時間をかけて探せばよいものが見つかると思います。