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