Problema con Firefox al rollover su imagemap

**Salvatore_91** · 29-04-2009, 16:46

Ciao raga, sapete dirmi perchè questa pagina, in cui c'e' una piccola parte in javascript, mi funziona solo usando Internet Explorer??
Con firefox non funziona.

codice:

<body>
[img]cartina.gif[/img]
<map name="mappa">
  <area shape="poly" coords="239,103,243,108,246,118,239,125,231,127,227,130,222,130,212,134,204,134,200,134,199,140,199,144,194,149,191,146,193,139,195,132,201,126,205,126,208,122,209,117,213,116,220,110,228,107,231,105,239,102" href="#" alt="Comune 1" onmouseover="RollMapOn(1)" onmouseout="RollMapOff()" />
  <area shape="poly" coords="235,129,237,133,239,136,241,138,244,138,249,138,250,142,253,141,256,137,257,135,260,132,264,130,263,128,261,125,259,122,255,118,256,113,256,110,254,106,255,102,257,99,254,97,249,99,248,101,243,102,239,101,242,100,243,106,244,111,246,115,246,119,242,123,238,126" href="#" alt="Comune 2" onmouseover="RollMapOn(2)" onmouseout="RollMapOff()"/>
 </map>
<script type="text/javascript" language="javascript">function RollMapOn(i)
{
    var IMG = document.getElementById("immagine");
    IMG.src = "mappa_" + i + ".gif"; 
}
function RollMapOff()
{
    var IMG = document.getElementById("immagine");
    IMG.src = "cartina.gif";
}
</script>

</body>

Questo , fa' in modo che, quando passo il mouse su determinate aree dell'immagine (cartina), viene visualizzata un altra immagine (uguale a cartina), però con l'area colorata

**homezappa** · 29-04-2009, 16:53

Semplicemente perchè :
Standard: la funzione getElementById ritorna l'elemento che ha l'id richiesto
IE: la funzione getElementById ritorna l'elemento che ha l'id richiesto o il name richiesto!

quindi:

codice:

[img]cartina.gif[/img]

HTH
Zappa

**Xinod** · 29-04-2009, 17:01

titolo troppo generico,
in futuro adeguati al regolamento, altrimenti ritrovi le discussioni chiuse

**Salvatore_91** · 29-04-2009, 17:14

ok grazie mille adesso funziona.

Scusate per il titolo

**Salvatore_91** · 29-04-2009, 17:19

Scusate ancora.
e se io ora volessi che, passando sull'area delimitata, mi esca anche una scrittura (testo) come devo fare???
Io ho provato a fare con:

alt="Comune 1"

ma in questo modo, mi visualizza la scrittura come una descrizione.
Mi spiego meglio, non scrive sulla pagina, ma e' come se creasse un nuovo livello.
Io invece vorrei che passando il mouse sopra l'area delimitata, venga scritto (nel mio caso il nome del comune) sulla pagina html

**Xinod** · 29-04-2009, 18:09

prepari, in qualunque forma tu preferisca, un array di comuni

codice:

var arrComuni=new Array();
arrComuni[0]='blabla';
arrComuni[1]='ciaociao';

function RollMapOn(i)
{
    var IMG = document.getElementById("immagine");
    IMG.src = "mappa_" + i + ".gif";
    document.getElementById('idElementoInCuiScrivere').innerHTML=arrComuni[i];
}
function RollMapOff()
{
    var IMG = document.getElementById("immagine");
    IMG.src = "cartina.gif";
    document.getElementById('idElementoInCuiScrivere').innerHTML='';
}

e aggiungi nell' xhtml un elemento con id="idElementoInCuiScrivere"

ciao

Discussione: Problema con Firefox al rollover su imagemap

Strumenti discussione

Ricerca discussione

Visualizza

Problema con Firefox

Permessi di invio