[Javascript] innerhtml con firefox

[melmar20]

ragazzi innerHtml non funziona con Firefox , come posso rimpiazzarlo??

la riga di codice è la seguente:

Codice: Seleziona tutto

document.getElementById("Top").innerHTML = "<img src=\"stretta_mano.jpg\" width=\"100%\" height=\"200px\">";}
				

Con Explorer funziona perfettamente , ma firefox no, come posso fare per far in modo che funzioni su entrambi i browser??

[Volans]

Mi sembra che funzioni correttamente in firefox innerHTML, l'ho anche usato in passato... ho cercato al volo in rete e ho trovato questo esempio funzionante...
Prova in quel modo e controlla che non ci siano altri errori javascript nella pagina che blocchino l'esecuzione del codice...

[daemon_nio]

innerHTML è una delle funzioni più portabili del javascript... funziona sicuramente in firefox.
Il codice che hai scritto comunque non è molto portabile (per compatibilità), non funzionerà mai per explorer 5.0 e 5.5 (credo) ma il problema è document.getElementById...

controlla bene il codice... e un consiglio che posso darti è di usare in modo intelligente le virgolette

Codice: Seleziona tutto

// funzione crossbrowser
function prendiElementoDaID(id)
   {if (document.all)
      return document.all[id];
    else
      return document.getElementById(id);
    }

var obj = prediElementoDaID('Top');
obj.innerHTML = '<img src="stretta_mano.jpg" width="100%" height="200px">';

Attento che ci sia solo un elemento con id="Top" nella pagina html... se ce ne sono più di uno mi sembra che hai un comportamento diverso sui browser... explorer restituisce il primo, firefox da errore e non restituisce nulla. (non sono sicuro ci sarebbe da provare).