Tulos

Kuvakarttaesimerkki. Infoa Infoseekistä. Löytöjä Lycosista. Etsi Excitesta. Oletusalue ilman linkitystä.

Valise kuvakartasta kohde.

Koodi

Tämä tulee HEAD-osastoon


<script type="text/javascript">
//<![CDATA[
function Vihje(selite) {
 document.getElementById("selitys").innerHTML=selite;
}
//]]>
</script>

Tämä tulee BODY-osastoon

<div>
<img
 src="../../../html/misc/kartta.gif"
 alt="Kuvakarttaesimerkki."
 width="300"
 height="200"
 style="border:0"
 usemap="#kuvakartta" />

<map name="kuvakartta" id="kuvakartta">

<area
 shape="rect"
 coords="17,53,193,95"
 href="javascript:alert('Infoseek')"
 alt="Infoa Infoseekistä."
 title="Infoa Infoseekistä."
 onmouseover="Vihje('Infoa Infoseekistä!');"
 onmouseout="Vihje('');" />

<area
 shape="poly"
 coords="18,172,109,104,135,152"
 href="javascript:alert('Lycos')"
 alt="Löytöjä Lycosista."
 title="Löytöjä Lycosista."
 onmouseover="Vihje('Löytöjä Lycosista!');"
 onmouseout="Vihje('');" />

<area
 shape="circle"
 coords="240,140,50"
 href="javascript:alert('Pitäisi olla Excite...')"
 alt="Etsi Excitesta."
 title="Etsi Excitesta."
 onmouseover="Vihje('Tarkista ensikerralla oikeinkirjoitus.');"
 onmouseout="Vihje('');" />

<area
 shape="default"
 coords="0,0,300,200"
 nohref="nohref"
 alt="Oletusalue ilman linkitystä."
 onmouseover="Vihje('Valise kuvakartasta kohde.');" />

</map>

<p id="selitys">
Valise kuvakartasta kohde.
</p>
</div>
Weppipakin kotisivulle