Una delle possibilità offerte dal linguaggio HTML è quella di poter inserire nelle
proprie pagine delle immagini "cliccabili", ovvero delle immagini che si comportano come se
fossero dei link ma che puntano a diversi documenti a seconda della zona interessata dal click
del mouse.
Generalmente vengono utilizzati due differenti tipi di mappe:
In questo corso ci occuperemo esclusivamente di queste ultime.
Il tag che definisce esattamente un'area cliccabile all'interno di un'immagine è
<MAP>...</MAP>, cui viene associato un nome tramite il parametro
NAME="nome_mappa", che deve corrispondere al nome utilizzato nel parametro
USEMAP="#nome_mappa" del tag di definizione dell'immagine.
Questo e' necessario per evitare conflitti nel caso ci dovessero essere piu' mappe cliccabili
in una stessa pagina.
Il codice necessario alla creazione di una mappa cliccabile è dunque molto semplice, e lo
riassumiamo di seguito:
Come potete notare non c'è assolutamente nulla di complicato. L'unica attenzione deve
focalizzarsi sulla corrispondenza fra i nomi assegnati ai parametri NAME e USEMAP.
Vediamo ora come viene materialmente suddivisa un'immagine in piu' aree cliccabili. Il tag da
utilizzare è <AREA> che, come già accennato nella pagina precedente,
dev'essere contenuto all'interno del tag <MAP>...</MAP>
Il tag <AREA> ammette alcuni parametri che consentono di definire univocamente una
ben precisa area di un'immagine. Nella tabella che segue troverete una descrizione completa di
tutte le opzioni possibili.
Parametro | Descrizione |
SHAPE="forma" | Definisce la forma geometrica dell'area che si sta definendo. In particolare, i valori ammissibili sono:
|
COORDS="x0,y0,x1,y1,..." | Specifica le coordinate dei punti estremi della superficie definita. Si noti che i punti si riferiscono all'immagine e non alla finestra del browser, con il punto in alto a sinistra definito dalle coordinate (0,0). Il formato da utilizzare cambia a seconda della forma della superficie definita. In particolare:
|
HREF="url" | Indica la URL della pagina HTML che verrà visualizzata nel caso che il click del mouse avvenga sulla superficie cui si riferisce l'istruzione <AREA> |
NOHREF | Parametro alternativo a HREF. Definisce un'azione nulla nel caso che il click del mouse avvenga sulla superficie cui si riferisce l'istruzione <AREA>. Per azione nulla, s'intende che non verrà visualizzata alcuna nuova pagina. |
TARGET="frame" | In caso di visualizzazione della mappa cliccabile all'interno di un frame, questo parametro consente di specificare in quale frame visualizzare la pagina specificata dal parametro HREF |