Menu espandibile problema 'nullo'_>>>

[Edipo]

Ciao, ho questo problema all'apertura della pagina che contiene questo codice:

/*javascript per menu espandibile*/
window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
    document.getElementById("nav").className="jsenable";
    BuildList();
    }
}

function BuildList(){
var hs=document.getElementById("nav").getElementsByTagName("h3");
for(var i=0;i<hs.length;i++){
    hs[i].onclick=function(){
        this.parentNode.className=(this.parentNode.className=="show") ? "hide" : "show";
        }
    }
}

Con errore:

Errore durante l'esecuzione
Riga:4
Errore: 'document.getElementById(...)' è nullo o non è un oggetto

Sapreste aiutarmi?

[Mich_]

Mancano dati per poter rispondere. Non sappiamo come e` organizzata la pagina HTML.

Ad ogni modo ecco alcune domande di base:

Un <div id="nav"> esite nella pagina?
Dentro tale <div> ci sono elementi <h3> ?

[Edipo]

Si hai ragione...

<div id="nav">
<ul>[*]Home Page[*]<h3>Associazione</h3>
        <ul>[*]Cambia contenuti[/list]
    [*]<h3>Prova</h3>
        <ul>[*]Crea layout
			[*]Modifica Layout[*]Nuovo Articolo
			[*]Modifica Articolo[/list]
    [*]<h3>Newsletter</h3>
        <ul>[*]Invia News[*]Utenti iscritti[/list]
    [/list]
</div>

[Mich_]

E` uno strano modo di usare gli header della pagina.

In effetti non li usi come titoli, ma solo per scrivere un po' piu` grosso: dal punto di vista semantico e` un errore, e potrebbe essere che in XHTML non si puo` fare (un titolo dentro una lista).

Supponendo che non sia XHTML, al momento in cui viene eseguito lo script (cioe` dopo il completamento del caricamento della pagina) esiste una classe CSS di nome "jsenable" ?

[Edipo]

Presto detto:
Sono 2 file inclusi nella mededima pagina, nel primo c'è la classe a cui ti riferisci:

jsmenu.css

/*css essenziale se javascript è abilitato*/
div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav li.hide ul{display:none}
div#nav li.show ul{display:block}
div#nav li.show h3{background-color: #FF0}

menu.css

/*css del menu*/
div#nav{width:130px;margin-left: 5px;background: #00005A;
    border: 1px solid #00005A; font: 11px Arial, Helvetica, sans-serif}
div#nav h3{font-size: 100%;margin: 0;padding: 4px 10px;
    border-top: 1px solid #FFF;color: #000;background-color: #7BA5E7}
div#nav ul,div#nav li{margin: 0;padding: 0;list-style-type: none}
div#nav li{margin: 0 0 1px 0}
div#nav a{display: block;padding-left: 15px;height: 18px;line-height: 18px;
    border-top: 1px solid #FFF;background-color: #BDBDBD;color: #000;
    text-decoration: none;font-weight: bold}
div#nav a:hover{color: #00005A;background-color: #0099FF}
div#nav ul ul a{color: #333; background-color: #AECDFF;font-weight: normal}

[Mich_]

Ma vorresti far cambiare il CSS a tutti gli oggetti dentro il div? Non credo sia possibile con un comando unico. L'informazione dinamica che dai si riferisce solo a quell'oggetto.
Inoltre non c'e` uno stile per quell'oggetto. Cioe` io mi aspetterei che ci fosse un CSS:
.jsenable { .... }
(senza div davanti e senza riferimenti ad oggetti contenuti)

Nota che questo non lo dico per aver visto le specifiche, ma cosi` a naso; come mi aspetterei che dovrebbe lavorare se fossi io a dover programmare il JS e CSS del browser.
Fai un po' di prove.

[Edipo]

mmm ho capito!
Seguo il tuo consiglio e vedo cosa riesco a risolvere.
Grazie Mich