Incompatibilità script IE6/Firefox

**aba82** · 13-06-2007, 23:41

Salve a tutti!
Premetto che sono nuova rispetto al mondo Javascript e quindi la mia domanda potrebbe essere banale...
Ho realizzato uno script che, tra le altre cose, genera dinamicamente delle immagini a cui è associato l'evento onMouseDown... Tutto funziona benissimo con IE6, ma quando ho provato a far girare lo script su Firefox non c'è stato niente da fare...
Nello script "per IE6" avevo scritto:

codice:

 
   var link = "[img]"+name+"[/img]";
   var imagenode=document.createElement(link);					
   document.getElementById("areah").appendChild(imagenode);

dove name contiene il percorso dell'immagine e ide il paramentro da passare alla funzione attiva.

Quando ho provato a usare Firefox, vedendo che non funzionava, mi sono messa alla ricerca del problema e ho scoperto che l'uso del metodo createElement è diverso...
Quindi ho modificato il codice in:

codice:

   var imagenode=document.createElement('IMG');	
   imagenode.setAttribute("src", name);
   document.getElementById("areah").appendChild(imagenode);

solo che adesso non so come associare l'evento onMouseDown agli elementi creati...

Spero di essere stata chiara nell'illustrare il problema e ringrazio già da ora chiunque voglia aiutarmi!!!!

**badaze** · 14-06-2007, 00:29

Questo sembra funzionare con IE

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>


<div id="areah">

</div>

<script language="JavaScript" type="text/javascript">
<!--
function attiva() {
 this.alt = ide;
}
pathName = "i1.jpg";
ide = "ciao";

var imagenode=document.createElement('IMG');	
   imagenode.setAttribute("src", pathName);
	 imagenode.setAttribute("onmouseover",attiva);
   document.getElementById("areah").appendChild(imagenode);
	 // alert(imagenode.onmouseover);

//-->
</script>
</body>
</html>

**aba82** · 14-06-2007, 09:30

Ti ringrazio per la risposta!
Purtroppo ho già lo script funzionante su IE, quello che mi manca è di riuscire a farlo girare anche se Firefox...
Ho provato a fare le modifiche seguendo il tuo esempio, ma su Firefox non funziona neanche così....

**badaze** · 14-06-2007, 15:25

Questo sembre funzionare per IE e FF. Comunque IE è meno macchinoso (vedere mio post precedente).

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>


<div id="areah">

</div>
<div id="pippo"></div>

<script language="JavaScript" type="text/javascript">
<!--
function attiva(e) {
 var obj = e == null ? event.srcElement : e.target; 
 obj.alt = ide;
 imgId   = obj.id;
 imgSrc  = obj.src
 document.getElementById('pippo').innerHTML = imgId + " - " + imgSrc;
}


pathName = "i1.jpg";
ide = "ciao";

var imagenode=document.createElement('IMG');	
   imagenode.setAttribute("src", pathName);
	 imagenode.setAttribute("id", "myId");
	 imagenode.onmouseover = attiva;
   document.getElementById("areah").appendChild(imagenode);

//-->
</script>
</body>
</html>

**aba82** · 14-06-2007, 16:07

Adesso funziona!!!!

Ti ringrazio ancora tantissimo per l'aiuto e per il tempo che hai perso!!!

Discussione: Incompatibilità script IE6/Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Incompatibilità script IE6/Firefox

Permessi di invio