| ポイント |
<![CDATA[
function openWin()
{
window.open("sub1.html","sub1","width=320,height=240");
}
<area shape="rect" coords="30,20,60,50" href="sub1.html" onmouseover="openWin()">
]]>
|
| 説 明 |
クリッカブルマップ上にマウスが乗ったらサブウィンドウを開くようにするにはareaタグにonmouseoverイベントを記述し処理を記述します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリッカブルマップ上にマウスが乗ったらサブウィンドウを開く</title>
<script Language="JavaScript"><!--
function openWin()
{
window.open("sub1.html","sub1","width=320,height=240");
}
// --></script>
</head>
<body>
クリッカブルマップ上にマウスが乗ったらサブウィンドウを開く<br>
<img src="map.gif" usemap="#myMAP">
<map name="myMAP">
<area shape="rect" coords="30,20,60,50" href="sub1.html" onmouseover="openWin()">
</map>
</body>
</html>
]]>
|
| 補足説明 |
サブウィンドウ側のスクリプトは以下の通りです。
<![CDATA[
<html>
<head>
<title>サブウィンドウ</title>
</head>
<body>
サブウィンドウです。
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリッカブルマップ上にマウスが乗ったらサブウィンドウを開く