Pagina 1 di 1
[Javascript] innerhtml con firefox
Inviato: giovedì 6 marzo 2008, 19:13
da 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??
Re: [Javascript] innerhtml con firefox
Inviato: venerdì 7 marzo 2008, 1:40
da 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...
Re: [Javascript] innerhtml con firefox
Inviato: venerdì 7 marzo 2008, 12:49
da 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).