Mappa immagine lato cliente

La mappa immagine usa funzioni JavaScript in ogni sezione dell'immagine, muovendo il mouse sopra di esse si vedrà la descrizione della sezione nella barra di stato e cliccando su una sezione, tale descrizione apparirà nella casella di testo, l'assegnazione delle Coordinate si fà partendo da Sinistra in alto e calcolando prima la distanza orizzontale e poi quella verticale scendendo insieme con il Browser, il rettangolo é definito da solo due punti che coincidono con due vertici opposti, quello in alto a sinistra e quello in basso a destra.

0,0 sinistro superiore (0,0,90,90) inferiore destro 90,90	90,0 sinistro superiore (90,0,180,90) inferiore destro 180,90	180,0 sinistro superiore (180,0,270,90) inferiore destro 270,90
0,90 sinistro superiore (0,90,90,180) inferiore destro 90,180	90,90 sinistro superiore (90,90,180,180) inferiore destro 180,180	180,90 sinistro superiore (180,90,270,180) inferiore destro 270,180

Questa a destra é un'immagine divisa in 6 sezioni da utilizzare come mappa ipertestuale a sinistra c'é una tabella delle stesse dimensioni per mostrare appunto la ripartizione e l'attribuzione delle Coordinate che definiscono le aree ipertestuali.

Mappa immagine lato cliente Sezione Poligonale A titolo esemplificativo ecco la sintassi per accodare due istruzioni al gestore di eventi oOnMouseOver :
<area shape=...onMouseOver="window.status='Rettangolo',window.form3.text3.value='Rettangolo,
Clicca su questa sezione per leggerne le coordinate.'"; return true;>

Top index