html - klikací mapa
Rodina
- <div>
- <img src="obrazek.jpg" alt="rodinka" title="rodina" border="1" height="600" width="900" hspace="10" vspace="10" usemap="#rodinka" >
- <map title="rodinka">
- <area href="ukazka_ma.html" target="_blank" title="maminka" alt="maminka" shape="polygon" coords="157,184,174,183,184,186,203,230,230,255,237,285,224,301,194,310,164,307,148,314,101,292,108,231,127,198"></area>
- <area href="#" target="_blank" title="pokus" alt="pokus" shape="circle" coords="643,250,60"></area>
- </map>
- </div>
coords: circ, circle, poly, polygon, rect, rectangle
- Area - aktivní oblast v mapě. Nepárový tag. Nezobrazuje se. Může se vyskytovat pouze v elementu <map>. Area vymezuje oblast obrázku, na kterou se dá kliknout jako na odkaz. V jednom elementu <map> může být neomezeně elemetů <area>, každá pro jednu aktivní oblast.
| Atribut | Význam | Hodnoty |
|---|---|---|
| href | cíl odkazu | URL |
| target | cílový rám | jméno rámu |
| shape | tvar oblasti | rect, circle, polygon |
| coords | souřadnice oblasti | čísla oddělená čárkami |
| nohref | oblast není odkazem | bez hodnot |
| alt | alternativní text | libovolný text |
- Atrribut shape určuje tvar oblasti, podle toho se potom mění význam
hodnot atributu coords.
- Coords obsahuje souřadnice v pixelech, přičemž počátek souřadnic je levý horní roh mapy (tedy obrázku) a y roste směrem dolů.
| shape= | Význam | zadává se | coords="" |
|---|---|---|---|
| rect | obdélník | levý horní roh, pravý dolní roh | lh-x, lh-y, pd-x, pd-y |
| circle | kruh | střed, poloměr | střed-x, střed-y, poloměr |
| polygon | mnohoúhelník | souřadnice každého vrcholu za sebou | vrchol1-x, vrchol1-y, vrchol2-x, vrchol2-y, atd. |