Esempio di mappa sensibile

Questo frammento di codice HTML fa visualizzare una cartina delle regioni italiane con la regione Toscana come area sensibile. Al passaggio del mouse (evento onmouseover) la Toscana viene evidenziata in colore e al clic viene aperta una nuova finestra (evento javascript:window.open) con una immagine della Toscana più dettagliata.
<img name="italia0" src="../images/italia.gif" width="308" 
 height="377" usemap="#italia" alt="" />
 <map name="italia"> <area shape="poly"
 coords="80,108,82,106,80,105,79,102,76,101,74,98,76,95,80,95,83,97,85,98,87,99,90,101, 
94,104,95,105,98,107,101,108,104,109,106,109,111,109,112,106,114,104,116,105,119,109,122,109,123,114,127, 
117,130,119,133,121,135,122,137,124,138,123,141,123,140,125,139,129,137,129,133,132,133,136,135,137,135, 
140,132,140,128,145,130,147,130,153,129,155,124,158,123,160,124,161,123,164,121,165,121,169,116,171,115, 
173,112,171,110,173,107,172,108,170,109,168,110,166,107,164,104,160,100,157,99,153,97,151,93,152,91,155, 
91,159,90,158,87,158,86,159,85,158,84,157,84,155,87,155,89,154,92,152,93,151,94,146,93,145,94,144,94,139, 
91,136,90,134,88,132,87,124,86,119,86,114,83,110,80,109"
href="#"
onclick="javascript:window.open('toscana.html','wintos','width=270,height=317')"	
onmouseover="if (document.images) document.italia0.src='images/italia_tosc.gif';" 
onmouseout="if (document.images) document.italia0.src='images/italia.gif';">
</map>
poligono
Giuseppe Vasarelli 33/39
© Servizi Tecnologici - IIT/CNR - 1-5 dic 2003