Klikacφ mapy

<map>=definice mapy

P°φkazem oznaΦφme zaΦßtek definice mapy, na konec definice uvedeme </map>. Definici mapy vlo₧φme do t∞la dokumentu (musφ b²t mezi p°φkazy <body>), ve kterΘm se r∙zn²ch definic map m∙₧e vyskytovat vφc, m∞ly by se liÜit jmΘnem.

Name= jmΘno mapy
JmΘno m∙₧eme ale nemusφme ohraniΦit uvozovkami.

<area>=definice oblasti v map∞

P°φkaz <area> slou₧φ kádefinovßnφ oblastφ jednΘ mapy, nenφ proto asi divnΘ, ₧e se musφ vyskytovat za p°φkazem <map>. Pro ka₧dou oblast uvedeme nov² p°φkaz <area>, stane-li se, ₧e se dv∞ oblasti p°ekr²vajφ, p°ednost bude mφt ta d°φve nadefinovanß.

SchΘma definice mapy:

<html>

<body>

<map>
<area>
<area>
</map>

<map>
</map>

</body>
</html>

Shape= circle, rect, polygon, default
UrΦuje, zdali se jednß oákruh, Φty°·helnφk, mnoho·helnφk nebo zbylou neurΦenou oblast ("od°ezek"). Ke ka₧dΘmu zágeometrick²ch ·tvar∙ se po₧adujφ trochu jinΘ sou°adnice Coords.

Coords= seznam sou°adnic odd∞len² Φßrkami
Jednß se oásou°adnice uvnit° obrßzku, kterΘ definujφ oblast. Seznam sou°adnic m∙₧e b²t pro jistotu záobou stran uzav°en² váuvozovkßch. Jde-li oákruh, oΦekßvajφ se t°i hodnoty: x-ovß a y-ovß sou°adnice st°edu kruhu aájeho polom∞r. Jde-li oáΦty°·helnφk, oΦekßvajφ se Φty°i hodnoty: x-ovß aáy-ovß sou°adnice levΘho hornφho aápravΘho dolnφho rohu. Jde-li oámnoho·helnφk, oΦekßvß se prost² seznam x-ov²ch aáy-ov²ch sou°adnic, kterΘ definujφ oblast. Jde-li oáod°ezek, atribut Coords se neuvßdφ.

Href= URL odkazu
Udßvß, kam kterß oblast odkazuje.

Nohref
Chceme-li, aby danß oblast byla neaktivnφ, uvedeme uánφ atribut Nohref.

<img>=obrßzek

P°φkazu pro obrßzek p°ibyl jeÜt∞ jeden atribut, kter² obrßzku p°i°azuje jeho mapu. Obrßzek se potom bude chovat jako klikacφ mapa.

Usemap= #jmΘno mapy
P°ed jmΘnem nezapome≥te uvΘst m°φ₧ku #, jmΘno m∙₧e b²t uzav°eno v uvozovkßch (vΦetn∞ m°φ₧ky). P°φklad pou₧itφ je v nßsledujφcφm odstavci.

P°φklad

Mßme nßsledujφcφ obrßzek sákruhem, Φty°·helnφkem aátroj·helnφkem. Chceme, aby ka₧d² geometrick² ·tvar odkazoval n∞kam jinam. Ale pozor - Φty°·helnφk je d∞rav² aánechceme, aby jeho prßzdn² st°ed byl aktivnφ.

Obrßzek:

Zdrojov² text p°φkladu:

<html>

<body>

     <map name=moje_mapka>
             <area shape=circle coords="36,36,40" 
                       href=http://www.seznam.cz>
             <area shape=rect coords="120,23,147,54" 
                       nohref>
             <area shape=rect coords="102,6,167,72" 
                       href=http://www.atlas.cz>
             <area shape=polygon 
                       coords="235,1,205,70,274,70" 
                       href=http://najdi.to>
             <area shape=default 
                       nohref>
     </map> 
<img src="mapa.jpg" usemap=#moje_mapka border=0>

</body>

</html>

V²sledek p°φkladu:

Mapu jsme nadefinovali p°φkazem <map>, oznaΦili jsme ji jmΘnem. Podφvejte se, ₧e prßzdn² st°ed Φty°·helnφku jsme museli dßt p°ed samotnou definici Φty°·helnφku. Vámφstech, kde se oblasti p°ekr²vajφ, mß toti₧ p°ednost d°φve nadefinovanß oblast. Nakonec po₧adujeme, aby zbylß oblast obrßzku neodkazovala nikam. Kdyby jsme to neuvedli, nic by se samoz°ejm∞ nestalo. Pokud vÜak zbylou oblast zmi≥ujeme (kdybychom t°eba p°ecejenom cht∞li, aby odkazovala na n∞jakΘ mφsto), museli bychom ji zmφnit v₧dy a₧ na konci. Na zaΦßtku definice by p°ebila vÜechny ostatnφ oblasti - jednß se o ten sam² problΘm, co se st°edem Φty°·helnφku. Váp°φkazu <img> p°ibyl atribut p°i°azujφcφ káobrßzku jeho mapu, p°ed jmΘno mapy dßme m°φ₧ku #.