HTML imagini hărți. Folosirea elementului area pentru a executa o funcție JavaScript.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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()">