質問内容
★★★★★★★★★★★★★★★★★★★★★★★★★★
クリッカブルマップで、ある特定の場所をクリックしたと
同時に、別に設置しているラジオボタンにチェックを入
れたいのですが、どうすればよろしいでしょうか。
教えてください。
★★★★★★★★★★★★★★★★★★★★★★★★★★


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
有限会社　メディアウェーブ
尾上 努
e-mail:m-wave@po.saganet.ne.jp
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【回答】
　AREAオブジェクトに対するイベントにてJavaScriptを記述できます。
　直感的には、<AREA>タグにて、onClickイベントを拾うという方法が考えられますが、この方法には以下の欠点があります。

• <AREA>タグに対するonClickは、Windowsプラットホーム上のNavigator3.0やNavigator2.0、IE3.0ではサポートされない
• HREF属性のないAREAタグは、マウスカーソルが掌の形にならない

このため、AREAタグのHREF属性にてjavascript:URLを記述することで、上記の二つを克服することが出来ます。詳しくはサンプルソースをご覧ください。

【ソース】

<SCRIPT>
// ラジオボタンの設定
function setRadio(n) {
    document.FOO.COLOR[n].checked=true;
}
</SCRIPT>
<!-- クリッカブルマップの定義 -->
<!-- javascript:URLにて動作を規定 -->
<IMG SRC="rgb.gif" USEMAP="#MAP01" BORDER="0">
<MAP NAME="MAP01">
<AREA SHAPE="RECT" COORDS="5,5,54,24" HREF="javascript:setRadio(0)">
<AREA SHAPE="RECT" COORDS="5,30,54,49" HREF="javascript:setRadio(1)">
<AREA SHAPE="RECT" COORDS="5,55,54,74" HREF="javascript:setRadio(2>">
</MAP>
<FORM NAME="FOO">
<INPUT TYPE="RADIO" VALUE="0" NAME="COLOR" CHECKED>RED<BR>
<INPUT TYPE="RADIO" VALUE="1" NAME="COLOR">GREEN<BR>
<INPUT TYPE="RADIO" VALUE="2" NAME="COLOR">BLUE
</FORM>

目次に戻る