![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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のみ動作してくれません。
問題はどこにあるのでしょうか?
また他に策などがありますでしょうか?
大変ぶしつけな質問の仕方で申し訳ないのですが、大変困っています。
ご教授願えればと思います
よろしくお願いします!!
No.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>
とすれば
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
二次元配列を使って順位をだす...
-
プログラミング 学習
-
追加ボタンを押した際に ok ボ...
-
Cookieに保存されない
-
読み込んだQRコードをフォーム...
-
プラグイン無しでContactform7...
-
GASでチェックボックスを一括of...
-
ジャバスクリプトについて。
-
【Google Apps Script】「ライ...
-
①入力フォーム→②確認表示画面→③...
-
HTMLでサブフレームから親のス...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで追加した要素がマウス...
-
一定時間ごとに表示内容を切り...
-
jQueryでloadした部分に.jsが効...
-
フレーム内の要素へのXPATHはど...
-
Safariでの onload="getData()"...
-
毎日午前0時にhtmlを切り替えた...
-
google map api で下記のhtmlが...
-
テーブルの形式を整えるJavascript
-
JavaScriptで擬似フレーム、読...
-
javaの変数又はデータの共有
-
jQuery toggle() 戻るで開いた...
-
自動で現れるTOPにもどるボタン...
-
Folder.selectDialog()について
-
div要素の入れ替え。半透明イメ...
-
複数の特定のURLからのみアクセ...
-
Fire Foxで作動しないscriptが...
-
jqueryを使った共通html埋め込...
-
XHTMLで外部JSファイルを読み込...
-
onblurイベント時にPHPファイル...
-
inputの中身を書き換える方法に...
おすすめ情報