※ ChatGPTを利用し、要約された質問です(原文:JavaScriptとUsemapの切り替え)
JavaScriptとUsemapの切り替え
このQ&Aのポイント
JavaScriptとイメージタグのusemapを併用して、画像とusemapを切り替える方法について知りたいです。
質問者はFirefox3.5での動作を想定していますが、他のブラウザでも問題ありません。
質問者は既に試したが画像は切り替わるがusemapが切り替わらないという問題が発生しています。
JavaScriptとイメージタグのusemapを併用して、ボタンを押すと画像とusemap両方が切り替わるというものを考えています。そこで下記のように考えてみました。しかし、画像は切り替わったのですがusemapが切り替わることは一切ありませんでした。ブラウザはFirefox3.5で想定しています。他の質問も見てみましたが改善はしませんでした・・・
(HTML側)
<img name="im" src="room1.gif" alt="イメージ" usemap="#room1">
<map name="room1">
<area shape="rect" coords="1,1,150,200" onclick="ASet()" alt="1">
<area shape="rect" coords="1,201,150,400" onclick="BSet()" alt="2">
</map>
<map name="room2">
<area shape="rect" coords="151,1,300,200" onclick="CSet()" alt="3">
<area shape="rect" coords="151,201,300,400" onclick="DSet()" alt="4">
</map>
<form name="kirikae">
<input value="1へ" onclick="Kirikae('room1.gif','#room1')" type="button" name="A">
<input value="2へ" onclick="Kirikae('room2.gif','#room2')" type="button" name="B">
</form>
(JavaScript側)
function ASet(){
alert("てすと1");
}
function BSet(){
(中略)
function Kirikae(mapname,usename){
document.im.src = mapname;
document.im.usemap = usename;
}
お礼
「たかが小文字と大文字」と思ってあまり重要視していませんでしたが、 案外それが原因だったようですね。ありがとうございます。 あと、今再度試したのですが、DOMを使う方法でもなぜか行けました。 もしかしたら単純なミスだったのかもしれません。