mouseOver su area map

  • Creatore Discussione Creatore Discussione pati
  • Data di inizio Data di inizio

pati

Utente Attivo
31 Gen 2007
64
0
6
Salve a tutti. Ho cercato la risposta al mio problema sul forum. Anzi partendo dal vostro tutorial
https://www.mrw.it/javascript/rollover-multiplo-mappe-immagine-dhtml_7080.html, sto cercando di attivare la funzione OnMouseOver su un hotspot di Dreamweaver ma non mi funziona. Questo il codice:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
function RollMapOn(i)
{
    var IMG = document.getElementById("mappa");
    IMG.src = "mappa_" + i + ".gif";
}
function RollMapOff()
{
    var IMG = document.getElementById("mappa");
    IMG.src = "mappa.gif";
}
</script>


</head>

<body>
<img src="mappa.gif" width="430" height="442" border="0" usemap="#mappa" name="mappa" id="mappa"></td>

<map name="mappa">
  <area shape="poly" coords="38,93,59,103,88,101,128,142,131,158,147,162,158,171,156,187,156,217,148,218,136,205,130,215,132,203,120,204,116,193,102,195,84,188,73,184,71,169,62,159,50,154,40,156,36,149,29,151,26,139,23,115,38,110"
  href="4.htm" 
  onmouseover="RollMapOn(1)" onmouseout="RollMapOff()">
</map>
</body>
</html>
Dove sbaglio?
Grazie a tutti!
pati
 
Ultima modifica di un moderatore:
Ciao, a me funziona
cosa non ti funziona?
 
appare un riquadro bianco con il punto interrogativo
l'evento in se pare funzionare
forse non trova l'immagine perchè hai sbagliato il percorso o il nome
Codice:
IMG.src = "mappa_" + i + ".gif";
 
l'evento in se pare funzionare
forse non trova l'immagine perchè hai sbagliato il percorso o il nome
Codice:
IMG.src = "mappa_" + i + ".gif";

Ciao criric, scusa ma non mi sono più collegata. L'immagine di fondo si chiama mappa.gif, l'immagine del rollover mappa_01.gif e si trovano alla stessa altezza del file htm
 
Ciao criric, scusa, ho cercato di modificare la mia risposta ma invano. In realtà funziona, sbagliavo il nome della gif del rollOver! Ma il problema è diverso, il codice va benissimo. Quello che cerco è cambiare solo una parte della gif iniziale. Cioè, nella fattispecie dell'esempio, vorrei che il rollOver attivasse solo il quadratino rosso e non tutta la gif. In questo modo avrei tante piccole gif relative solo all'area interessata. Spero di riuscire a spiegarmi bene. Tutto questo perchè dovrò lavorare su molte aree di una stessa gif iniziale. Grazie delle tue risposte e spero che potrai darmi un consiglio!
 
Avrei trovato un espediente ma........non è proprio perfetto! Creo l'area map, con link ad altra pagina html, sull'immagine di sfondo e una div, che posiziono sopra l'area sensibile tracciata, e al cui interno inserisco un'immagine png che dovrebbe apparire con il passaggio del cursore sull'area sensibile. Funzionerebbe, nel senso che passando con il mouse si attiva l'immagine png seppure "traballante" ma non funziona il link assegnato all'area sensibile. Spero di essermi spiegata bene:crying:
 
Il discorso è abbastanza complesso e non ho avuto il tempo di approfondire un eventuale soluzione.
in questi casi mio malgrado mi affido a plugin preconfezionati
prova a dare un occhiata a questi esempi
 
Il discorso è abbastanza complesso e non ho avuto il tempo di approfondire un eventuale soluzione.
in questi casi mio malgrado mi affido a plugin preconfezionati
prova a dare un occhiata a questi esempi

Grazie Criric, sono molto interessanti. Me li studio appena possibile. E ti dirò cosa ne verrà fuori!
 

Discussioni simili