11.3 使用例
 クリッカブルマップの例です。まぁ、さっきのと同じですけど(笑)。これらのソースは、一番初めにサンプルとしたクリッカブルマップのソースです。<IMG><MAP>MAP001という名前で関係しています。

 <AREA>では、ムリヤリ全ての形状(円、四角、多角形)を使ってます。座標の指定が面倒というだけで、それほど難しいものではないでしょ?(笑)
クリッカブルマップのページ
 ここをクリックしたときに表示するHTMLです。画像のどの部分をクリックできるようにするかという指定と、クリックされたときに表示するページの指定を行います。

<HEAD>
<TITLE>
クリッカブルマップの例
</TITLE>
</HEAD>

<BODY BGCOLOR="#007800" TEXT="#FFFFFF">

<IMG SRC="../img/01104.gif" USEMAP="#MAP001" BORDER=0><BR>

<MAP NAME="MAP001">

<AREA SHAPE="circle" COORDS="45,76,25" HREF="./capter01130-02.html" TARGET="_blank">
<AREA SHAPE="rect" COORDS="90,101,167,143" HREF="./capter01130-03.html" TARGET="_blank">
<AREA SHAPE="polygon" COORDS="129,11,158,11,173,36,158,62,129,62,114,36" HREF="./capter01130-04.html" TARGET="_blank">

</MAP>

</BODY>

</HTML>
 ※レイアウトの都合上、<AREA>タグの行は改行して書いています。
丸を押したとき表示するページ(capter01130-02.html)
 クリッカブルマップの丸の絵が押されたときに表示するHTMLです。別ウィンドウで表示されます。

<HEAD>
<TITLE>
クリッカブルマップの例
</TITLE>
</HEAD>

<BODY BGCOLOR="#FF0000" TEXT="#FFFFFF">

<FONT SIZE=5>丸が押された</FONT><BR>

</BODY>

</HTML>

四角形を押したとき表示するページ(capter01130-03.html)
 クリッカブルマップの四角形の絵が押されたときに表示するHTMLです。別ウィンドウで表示されます。

<HEAD>
<TITLE>
クリッカブルマップの例
</TITLE>
</HEAD>

<BODY BGCOLOR="#0000FF" TEXT="#FFFFFF">

<FONT SIZE=5>四角が押された</FONT><BR>

</BODY>

</HTML>

六角形を押したとき表示するページ(capter01130-04.html)
 クリッカブルマップの六角形の絵(多角形)が押されたときに表示するHTMLです。別ウィンドウで表示されます。

<HEAD>
<TITLE>
クリッカブルマップの例
</TITLE>
</HEAD>

<BODY BGCOLOR="#007800" TEXT="#FFFFFF">

<FONT SIZE=5>六角が押された</FONT><BR>

</BODY>

</HTML>

Copyright(C) 1999-2006 結城圭介。 All rights reserved