画像毎に違うクリッカブルマップを設定したい
地図画像を表示して複数のクリッカブルマップを配置し、ユーザが選択したら、詳細地図を表示してさらにそこでもクリッカブルマップを配置して、、、
という階層的に地図を辿られるようなコンテンツをつくろうと思っています。
JavaScriptで制御できると思って以下のようなコードを書いたのですが、
初期画像において、クリッカブルマップ(alt=area1)を押せば正常に動作しますが、
もう一方のクリッカブルマップ(alt=area2)を押すと、
IE6の場合にエラーが発生してブラウザが終了してしまいます。
尚、FireFoxでは正常に動作します。
どこに原因があるかも分らず手詰まり状態です。
同じ現象にあわれた方で解決策をご存知の方がいらっしゃれば、ご教授下さいm(_ _)m
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<script type="text/javascript">
<!--
function ChangeImg(mapname,usemapname)
{
document.map0.src = mapname;
document.map0.useMap = usemapname;
}
//-->
</script>
</head>
<body>
<img src="map0.jpg" width="300" height="300" name="map0" useMap="#usemap0">
<map name="usemap0">
<area href="JavaScript:ChangeImg('map1.jpg','#usemap1')" shape="rect" alt="area1" coords="10,100,140,200">
<area href="JavaScript:ChangeImg('map2.jpg','#usemap2')" shape="rect" alt="area2" coords="150,100,290,200">
</map>
<map name="usemap1">
<area href="http://google.co.jp" shape="rect" alt="shop1" coords="50,50,250,250">
</map>
<map name="usemap2">
<area href="http://yahoo.co.jp" shape="rect" alt="shop2" coords="50,50,250,250">
</map>
</body>
</html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ご返信ありがとうございました。 私の質問がわかり難くてすみませんでした。 ポップアップ地図内の地名文字の大きさに関して、 8月15日以前の文字に比べ、8月16日以降は半分程度に 縮小されてしまったと云う問題です。 私の環境では確実に再現されますが、その後、 他の方が掲示板等に投稿された地図画像を 何枚か拝見した所、文字は決して縮小されては いない様です。う～ん・・・ 他の方が再現できない問題をメーカーに質問しても お困りになるだけだろうと思いますし・・・ ま、余り困った現象では無いのでご忠告通り、次期版を 待ってみます。有難うございました。
補足
追記： 2011-08-31 その後、 8/30 朝６時までは上記の症状が発生していましたが、 妙な事に、8/30 朝１１時には問題の症状が消えてしまい、以前の 地図に戻りました。この５時間の間にwindowsやIEその他のソフトの 設定を変えたり、また何かソフトを導入／削除した事もありません。 何があったか全く不明ですが、症状は全く出なくなり、今日8/31夜１０時を 過ぎても安定しています。 と云う事で正常動作となりましたのでこの質問は閉めさせていただきます。 有難うございました。