※ ChatGPTを利用し、要約された質問です（原文：FirefoxでonMouseOver/Outの動作がされません。。。）
FirefoxでonMouseOver/Outの動作がされない？原因と解決方法を教えてください！
このQ&Aのポイント
質問者はFirefoxでonMouseOver/Outの動作がされない問題に遭遇しています。
質問者は外部jsファイルからスクリプトを読み込ませるとFirefoxで動作しない問題に直面しています。
質問者はエラーコンソールで「syntax error」と表示されることを確認しましたが、問題の原因がわかりません。
FirefoxでonMouseOver/Outの動作がされません。。。
全くの初心者で恐縮ですが、どうしても判らなかったので投稿させていただきます。
onMouseOver/Outで画像を変化させるごく一般的なスクリプトを使用したいのですが、外部jsファイルから読み込ませるとどうしてもFirefoxで動作されません。
IEでは動くようですが、IEの場合間違った記述でも動作してしまう事がある、との事…。
また、外部jsファイルに置かずhtmlの中にスクリプトを記載した場合はFirefoxでも問題なく動きました。
エラーコンソールで確認すると「syntax error」となっており、記述に間違いがあるのは確かなようなのですが、検索にかけてもそれらしいものにはヒットしませんでした。
以下、作成しているファイルからコピペです。
◆jsファイル
if (document.images) {
var img1on = new Image();
img1on.src = "img/1on.jpg";
var img1off = new Image();
img1off.src = "img/1off.jpg";
}
function On(name) {
if (document.images) {
document.images[name].src = eval(name + 'on.src');
}
}
function Off(name) {
if (document.images) {
document.images[name].src = eval(name + 'off.src');
}
}
◆htmlファイル
・<head>内に<script type="text/javascript" src="script.js"></script>を記載。
・<body>内の該当リンク部分に下記の記載。
<a href="index.html" onMouseOver="On('img1')" onMouseOut="Off('img1')"><img src="img/1off.jpg" id="img1" /></a>
尚、スクリプトの内容はほぼこちら↓のサイト様の丸写し状態です。
http://www.tagindex.com/javascript/link/change1.html
jsファイルのパスに間違いが無いか等、自分で考えられる事は全て確認してみたのですがどうしても判らず、どなたか詳しい方のお知恵を拝借出来ればと思います。
よろしくお願いいたします。
お礼
yambejpさま、ご回答有り難うございます。 レスが遅れまして申し訳ございません。 ソース、めためたでしたか…お恥ずかしい限りです。 いただいたスクリプト、そのまま使用してみたらすんなり動きました！ まだ構文の使い方が全く理解出来ておりませんでしたので、forなどを使う方法に少々抵抗があったのですが…やはり勉強しないといけませんね。 これを機にきちんと勉強するよう致します。。。 こんなレベルの低い質問にご丁寧にお答えいただきまして、感謝です。 本当に有り難うございました。