[DOM + html] Non riesco proprio a capire come fa a non funzionare

brianss · 02-08-2008, 14:19

ciao ragazzi...
ho 2 righe di codice che non capisco come fanno a non funzionare!!!

nel file php (sto su pagine dinamiche) ho messo questo javascript:

Codice:

var elemento = document.getElementById('img3')
alert('ok')
elemento.setAttribute('src', 'images/b2a.gif')
alert('ok1')

e qui ho l'elemento di cui devo modificare l'attributo:

Codice:

<img id="img3" alt="" src="images/b3.gif" />

Come fa a non funzionare una cosa così banale??? forse sbaglio sintassi?

ho notato inoltre che se metto elemento dentro un'alert il valore di elemento è null

Big Bamboo · 02-08-2008, 20:33

La sintassi mi pare corretta, mancano solo i ; alla fine di ogni istruzione.

brianss · 02-08-2008, 20:43

si ma in javascript funziona anche senza i punti e virgola....comunque li ho messi per scrupolo ma niente da fare

atragon · 03-08-2008, 00:38

La sparo al volo: mettere i doppi apici? Cioè document.getElementById("img3")

Xfight · 03-08-2008, 07:28

Alura... questa funzione immagino che venga avviata da sola, senza che sia chiamata da nessuno, cioè è scritta all'interno del file html senza essere racchiusa da una funzione.
Il problema è che, così facendo, la funzione viene lanciata PRIMA del caricamento della pagina e non troverà l'id 'img3' e l'errore è appunto elemento is null.

Dovresti racchiudere il codice in una funzione e farla caricare con

Codice:

<body onload="tuafunzione();">....</body>

Così la funzione verrà usata DOPO aver caricato la pagina e troverà l'id che vuoi trovare con getElementById.

Se vuoi fare che l'immagine cambi quando passi sopra con il mouse o robe del genere, pre-carica le immagini nel browser così eviti lo "sfarfallio" del scaricamento dell'immagine :

Codice:

...
// va scritto fuori da ogni funzione, così la variabile imm1 è pubblica per tutti
var imm1 = new Image();
imm1.src = "percorso_immagine/img1.gif";
....
function tua_funzione() {
   var els = document.getElementById('img3');
   els.src = imm1.src;
}

In ogni caso, se scrivi codice javascript è sempre bene usare un debugger tipo firebug ( estensione per firefox ) oppure la console errori ( per opera, è integrata ) così vedi chi ha fatto l'errore e che errore ha lanciato, anche se quello da te riportato è un po' stravagante XD

ByeBye

02-08-2008, 14:19	#1
brianss Member Iscritto dal: Mar 2006 Messaggi: 89	[DOM + html] Non riesco proprio a capire come fa a non funzionare ciao ragazzi... ho 2 righe di codice che non capisco come fanno a non funzionare!!! nel file php (sto su pagine dinamiche) ho messo questo javascript: Codice: var elemento = document.getElementById('img3') alert('ok') elemento.setAttribute('src', 'images/b2a.gif') alert('ok1') e qui ho l'elemento di cui devo modificare l'attributo: Codice: <img id="img3" alt="" src="images/b3.gif" /> Come fa a non funzionare una cosa così banale??? forse sbaglio sintassi? ho notato inoltre che se metto elemento dentro un'alert il valore di elemento è null Ultima modifica di brianss : 02-08-2008 alle 14:35. Motivo: aggiunta dettagli

02-08-2008, 20:33	#2
Big Bamboo Member Iscritto dal: Jul 2008 Città: Nel mio studio Messaggi: 168	La sintassi mi pare corretta, mancano solo i ; alla fine di ogni istruzione. __________________ Since Rocco Siffredi, the saying "pain in the ass" got a total new meaning

03-08-2008, 00:38	#4
atragon Senior Member Iscritto dal: Sep 2000 Messaggi: 886	La sparo al volo: mettere i doppi apici? Cioè document.getElementById("img3") __________________ 1986/2008 - 22 anni di rabbia cancellati in un giorno. Adesso passeranno altri 22 anni.. Learn Falcon language sul sito ufficiale e sul mio RIP NBA3D

03-08-2008, 07:28	#5
Xfight Member Iscritto dal: May 2006 Messaggi: 229	Alura... questa funzione immagino che venga avviata da sola, senza che sia chiamata da nessuno, cioè è scritta all'interno del file html senza essere racchiusa da una funzione. Il problema è che, così facendo, la funzione viene lanciata PRIMA del caricamento della pagina e non troverà l'id 'img3' e l'errore è appunto elemento is null. Dovresti racchiudere il codice in una funzione e farla caricare con Codice: <body onload="tuafunzione();">....</body> Così la funzione verrà usata DOPO aver caricato la pagina e troverà l'id che vuoi trovare con getElementById. Se vuoi fare che l'immagine cambi quando passi sopra con il mouse o robe del genere, pre-carica le immagini nel browser così eviti lo "sfarfallio" del scaricamento dell'immagine : Codice: ... // va scritto fuori da ogni funzione, così la variabile imm1 è pubblica per tutti var imm1 = new Image(); imm1.src = "percorso_immagine/img1.gif"; .... function tua_funzione() { var els = document.getElementById('img3'); els.src = imm1.src; } In ogni caso, se scrivi codice javascript è sempre bene usare un debugger tipo firebug ( estensione per firefox ) oppure la console errori ( per opera, è integrata ) così vedi chi ha fatto l'errore e che errore ha lanciato, anche se quello da te riportato è un po' stravagante XD ByeBye __________________ Una volta eliminato l'impossibile, quello che resta, per improbabile che sia, dev'essere la verità http://timestop.netsons.org/ -> il blog sull'informatica

02-08-2008, 20:43	#3
brianss Member Iscritto dal: Mar 2006 Messaggi: 89	si ma in javascript funziona anche senza i punti e virgola....comunque li ho messi per scrupolo ma niente da fare

Strumenti
Mostra una versione stampabile Invia questa pagina per email