Cancellare ed aggiornare il div di navigazione

[fabio.battaglia]

Salve a tutti; ho realizzato una piccola applicazione sfruttando js css e htm. Ho una pagina home, che tramite il file di stile, ho diviso in due parti, la parte di destra l'ho chiamata:

<div id="navigation">
...

mentre quella di sinistra, che poi sarebbe il corpo dell'applicazione, è:

<di id="content">
...

Adesso arrivo al problema, nel content ci sono degli elementi "img" che all'evento onclick dovrebbero scrivere delle info sul div di navigazione, ma ad ogni click le precendeti info dovrebbe cancellarsi per non andare ad appendersi. Come posso fare???
Come faccio a cancellare le info (in pratica è il testo) su navigation e poi scrivere quelle nuove???

io ho improvvisato questo codice:

function showMenu(e){
Menu = document.getElementById("navigation");
text = " superpippo";
menutop.appendChild(document.createTextNode(text));
Menu.appendChild(menutop);
}

Grazie...

[artorius]

beh, per riscrivere il contenuto di Menu (il tuo div#navigation) devi usare Menu.innerHTML = "Nuovo Contenuto"

[fabio.battaglia]

Ho provato a cambiare la function in questo modo:

function showMenu(e){
Menu = document.getElementById("navigation");
Menu.innerHTML = "superPippo"
}

ma non è cambiato nulla... ad ogni click la scritta "superpippo" si ripete e si appende alla precendete...

[artorius]

se fai

document.getElementById("navigation").innerHTML = "superPippo";

il contenuto di div#navigation viene cambiato con il textnode "superPippo"

[fabio.battaglia]

Grazie, ho risolto il problema... avevo scritto (non so perche) 2 volte la funzione e aggiornavo sempre quella sbagliata... adesso è OK!