Ukazka CLIENT-SIDE image mapy
Po najetí na nějakou oblast na mapě se ve stavovém řadku zobrazí popis pole.
Po kliknuti se popis objeví i ve formulárovém prvku.
Mapa :
HTML kod :
<SCRIPT language=JavaScript>
function update(text) {
document.form1.text1.value = text;
}
</SCRIPT>
<MAP name=map1><AREA
coords=14,15,151,87 href="javascript:update('www ERROR page - super page');"
onmouseover="window.status='Service Department'; return true;"
shape=RECT><AREA coords=162,16,283,85 href="javascript:update('Stránky proti drogám !');"
onmouseover="window.status='Sales Department'; return true;" shape=RECT><AREA
coords=294,15,388,87 href="javascript:update('E-m@il na mě :-)');"
onmouseover="window.status='Information'; return true;" shape=RECT><AREA
coords=13,98,79,178 href="javascript:update('ICQ na mě :-))');"
onmouseover="window.status='Email Us'; return true;" shape=RECT><AREA
coords=92,97,223,177 href="javascript:update('www rychla-smrt aneb půjčovna provazů');"
onmouseover="window.status='Products'; return true;" shape=RECT><AREA
coords=235,98,388,177 href="javascript:update('web věnovaný gastronomii !!!');"
onmouseover="window.status='Our Staff'; return true;" shape=RECT><AREA
coords=0,0,0,0 href="javascript:update('Zadna%20oblast%20vybrana.');"
onmouseover="window.status='Prosim vyberte oblast.'; return true;"
shape=RECT></MAP>
<BR>
<IMG src="mapa/map.jpg" border=0 useMap=#map1 tppabs="imagemap.gif">
<FORM name=form1><INPUT size=33 name=text1
value="Popis vybrané oblasti ..."> </FORM>
lutě ... vámi zvolený text
červeně ... cesta k mapě
stříbrně... nastavení formuláře
