FirefoxでonMouseOver/Outの動作がされません。。。

解決済

質問者：natsu0321
質問日時：2008/11/22 04:47
回答数：1件

全くの初心者で恐縮ですが、どうしても判らなかったので投稿させていただきます。

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. …

jsファイルのパスに間違いが無いか等、自分で考えられる事は全て確認してみたのですがどうしても判らず、どなたか詳しい方のお知恵を拝借出来ればと思います。

よろしくお願いいたします。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： yambejp
回答日時：2008/11/23 10:25

うーん、ソースがめためたなので、これは抜本的に換えた方がよいのでは？

こんな感じ、リストを用意しておいて参照するというのでどうでしょう？

<script>
var imglist={
img1:{on:'1.jpg',off:'2.jpg'}
,img2:{on:'1.jpg',off:'2.jpg'}
,img3:{on:'1.jpg',off:'2.jpg'}
};

function change(obj,val){
var tags=obj.getElementsByTagName('img');
for(var i=0;i<tags.length;i++){
tags[i].src=imglist[tags[i].id][val];
}
}
</script>
<a href="index.html" onMouseover="change(this,'off')" onMouseout="change(this,'on')"><img src="1.jpg" id="img1" /></a>
<a href="index.html" onMouseover="change(this,'off')" onMouseout="change(this,'on')"><img src="1.jpg" id="img2" /></a>
<a href="index.html" onMouseover="change(this,'off')" onMouseout="change(this,'on')"><img src="1.jpg" id="img3" /></a>

- 0
- 件

通報する

この回答へのお礼

yambejpさま、ご回答有り難うございます。
レスが遅れまして申し訳ございません。

ソース、めためたでしたか…お恥ずかしい限りです。

いただいたスクリプト、そのまま使用してみたらすんなり動きました！

まだ構文の使い方が全く理解出来ておりませんでしたので、forなどを使う方法に少々抵抗があったのですが…やはり勉強しないといけませんね。
これを機にきちんと勉強するよう致します。。。

こんなレベルの低い質問にご丁寧にお答えいただきまして、感謝です。
本当に有り難うございました。

通報する

お礼日時：2008/11/25 20:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！