HTML imagini hărți. Folosirea elementului area pentru a executa o funcție JavaScript.

Cerc

Pentru a adăuga o zonă de cerc, localizați mai întâi coordonatele din centrul cercului:

337, 300



Apoi specificați raza cercului:

44 pixeli


Acum aveți suficiente date pentru a crea o zonă circulară cu click:
 
<area shape="circle" coords="337, 300, 44" href="coffee.htm">

Aceasta este zona în care se poate face click și va trimite utilizatorul la pagina coffee.htm:



Harta imaginii și JavaScript

O zonă în care se poate face click nu trebuie să fie un link către o altă pagină, ci se poate declanșa o funcție JavaScript.
Adăugați un eveniment de click pe elementul <area> pentru a executa o funcție JavaScript:

Exemplu:

Atunci când faceți click pe zonă puteți utiliza atributul onclick pentru a executa o funcție JavaScript .
<area shape="circle" coords="337,300,44" onclick="myFunction()">