電子書籍の厳選無料作品が豊富!

Fire Foxで作動しないscriptがあります

やりたいこととしては画像にエリア指定をして、そのエリアにマウスオーバーすると画像が変わることをやりたいでのす。

html cssで作成しております
問題あると思われるコードは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>****</title>
</head>
<script>function over(num){
mg.src="site02/ex/ex_top03"+num+".jpg"
}
function out(){
mg.src="site02/ex/ex_top03.jpg"
}
</script>
<body>
<div id="wrapper">
<div id="main_content_ex">
<img id="mg" src="site02/ex/ex_top03.jpg" usemap="#hisigata" border="0">
<map name ="hisigata">
<area shape="rect" coords="10,498,149,532" onmouseover="over(1) onmouseout="out()">
</map>
</div>
</div>
</body>
</html>

javascript初心者でHTMLも初心者です
手元のマックOS10.4
FireFox3.6.3(mac)オーバーせず、
Safari4.1(mac)だとオーバーします。
WinのIEも大丈夫でした。

FireFoxのみ動作してくれません。
問題はどこにあるのでしょうか?
また他に策などがありますでしょうか?

大変ぶしつけな質問の仕方で申し訳ないのですが、大変困っています。
ご教授願えればと思います

よろしくお願いします!!

A 回答 (1件)

せっかく<img>にid振ってるんだから、



<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>****</title>
<script type="text/javascript">
function over(num){
document.getElementById("mg").src="site02/ex/ex_top03"+num+".jpg";
}
function out(){
document.getElementById("mg").src="site02/ex/ex_top03.jpg";
}
</script>
</head>

とすれば
    • good
    • 0
この回答へのお礼

ありがとうございます
FireFoxでも作動しました

助かりました!ありがとうございます!!

お礼日時:2010/09/15 16:40

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