Script e caricamento pagina

**apt-get** · 09-05-2009, 15:36

ciao a tutti,

sto leggendo un libro su javascript al momento, più precisamente "Javascript" di Kevin Yank e Cameron Adams - Apogeo. Non sono completamente a digiuno di programmazione perchè già scrivo Php, ma non riesco ad arrivare da nessuna parte studiando il libro in questione per il seguente motivo:

tutti i riferimenti all'albero del Dom utilizzati negli script non esistono. il che è ovvio credo, vi faccio un esempio:

index.html

codice:

...
<head>
....
<script type="text/javascript" src="scripts.js"></script>
...
<p id="bla">bla bla bla..</p>
...

il codice javascript è importato da un altro file.

scripts.js

codice:

var element = document.getElementById('bla')
alert(element.nodeName);

oppure

codice:

var element = document.getElementsByTagName('p');
for(var i=0;i < element.lenght;i++) {
 alert(element[i].nodeName);
}

ora.. è ovvio che non mi trova nulla e nulla succede perchè al momento dell'esecuzione dello script la pagina ancora non è stata caricata e l'elemento <p id="bla"> ancora nemmeno esiste. fatto sta che tutti gli esempi del libro stanno andando avanti cosi e a me non funziona mai nulla, il che vuol dire che sostanzialmente che sono bloccato del tutto.

sto sbagliando io qualcosa? o posso adottare qialche soluzione? vi ringrazio moltissimo per qualsiasi aiuto possiate darmi!

**Xinod** · 09-05-2009, 16:09

avrai gia' tratto le dovute conclusioni sul libro in questione...

cambia quanto presente nel js esterno cosi'

codice:

window.onload=function(){
  qui quanto presente nel js esterno
}

cosi' viene eseguito all' onload e come minimo trova gli elementi in questione

ciao

**apt-get** · 09-05-2009, 18:08

grazie mille per l'aiuto. in realtà il libro non sembrerebbe affatto male, i listati completi funczionano tutti bene. credo solo che nel proporre gli esempi non abbiano pensato al fatto che uno deve anche provarli, e poi è l'unico che ho trovato che trattasse anche il DOM.

ad ogni modo, l'idea della funzione è ottima, per provare gli script l'ho messa su un evento onclick:

codice:

link

però questa lo stesso non funziona:

codice:

function funzione() {
    var list = document.getElementsByTagName('li');
     
    for(var i = 0; i < list.lenght; i++) {
         
           alert(list[i].nodeName);

    }
}

nell'html ci sono due liste, la funzione non fa proprio nulla. qualche idea?

**fcaldera** · 09-05-2009, 19:41

i < list.length;

Discussione: Script e caricamento pagina

Strumenti discussione

Ricerca discussione

Visualizza

Script e caricamento pagina

Permessi di invio