e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
Atributi: | accesskey | alt | class | coords | dir | href | id | nohref | onblur | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | shape | style | tabindex | title | xml:lang |
---|---|
Starši: | map |
Elementi area
razdelijo element map
na dva ali več delov, ki so občutljivi na miškine dogodke. S klikom na določen del zemljevida, atribut določa nadaljnje dogajanje. Če je to hiperpovezava (href), se bo v brskalnik naložila ciljna stran.
Area se lahko pojavi v spletnem dokumentu le kot otrok elementa map.
Pomembni atributi značke so:
coords |
Atribut coords določa koordinate (x,y) za določeno obliko slikovnega zemljevida. Koordinate x in y sta odmik v pikslih od levega zgornjega roba slike (0,0).
|
---|---|
href |
Atribut href je naslov URL povezave. Vsako področje ima lahko svojo povezavo.
|
nohref |
Atribut nohref določa, da določeno področje ne more biti povezava.
|
shape |
Atribut shape določa geometrijsko opliko področja. Ta je lahko krog (circle ali circ) ali pravokotnik (rectangle or rect). Odsvetovana je uporaba mnogokotnika (polygon or poly).
|
<img src="navigacija.gif" alt="Navigacija" usemap="#map1" /> <map name="map1"> <area href="kjesmo.html" alt="Kje smo" shape="rect" coords="0,0,118,28"> <area href="iskanje.html" alt="iskanje" shape="rect" coords="184,0,276,28"> <area href="stiki.html" alt="stiki" shape="circle" coords="184,200,60"> </map>
→
Primer slikovnega zemljevida
→
Primer alternativnega besedila za področje - area alt
→
Primer koordinat slikovne mape - area coords
→
Primer dogodkov nad področjem v slikovni mapi - area onnouseover
→
Primer skripta v slikovnem zemljevidu - area onclick
→
Primer področje brez povezave - area nohref
SERŠ Maribor : Strokovna gimnazija : 2004 : Aleš Brumec