mappa cliccabile

[roberto81]

Ciao a tutti

ho bisogno del vostro aiuto....

ho realizzato una mappa cliccabile ( praticamente ho preso una cartina dell'Italia e poi ho creato diverse aree quante le regioni italiane) ma non so come colorare l'area dopo che l utente abbia cliccato su di questa...

Al momento se clicco sulla regione Emilia Romagna si apre una finestra con le relative informazioni ma vorrei trovare il modo di colorare la relativa regione.....

qualcuno sa come si può fare???

grazie

 

[carla146]

secondo me potresti creare vari pulsanti con la forma delle varie regioni e usare la tecnica del rollover

 

[satifal]

Mi è capitato di dover fare la stessa cosa ed ho risolto nel seguente modo:

javascript:

function replace(img, label) {
    var index = document.images.length;
    for (i = 0; i < index; i++){
        if (document.images[i].name == label) {
            document.images[i].src = img;
        }
    }
    return true;
}

e html:

<map name="itamap">
  <area shape="poly" coords="x1,y1,x2,y2,...,xn,yn" onMouseOver="replace('images/italia/abruzzo.gif', 'italia');" onMouseOut="replace('images/italia/italia.gif', 'italia');" href="index.php">

...

</map>
<img src="images/italia/italia.gif" border="0" name="italia" usemap="#itamap">

ovviamente le coordinate dipendono dall'immagine che utilizzi e dovrai ottenerle mediante programmi di editing grafico come ad esempio photoshop.
italia.gif sarà l'immagine dell'italia senza regioni selezionate, mentre le varie immagini abruzzo.gif ecc saranno la stessa italia.gif con la regione evidenziata che di volta in volta verrà sovrapposta all'immagine iniziale rendendo così l'effetto evidenziato.