[Help] Visualizza e nascondi DIV

Salve,

premetto che NON SO NIENTE di javascript, quindi adeguatevi con le risposte :mrgreen:

Ho provato a creare un applicazione che in base a dei click su dei pulsanti fa visualizzare o nasconde determinati campi DIV

Questo è il codice con l'errore, molto probabilmente per voi è evidentissimo, ma per me, inesperto, non lo è :|

Codice PHP:

---

<style type="text/css">
div#commenti{display:none}
div#eseguito{display:none}
</style>
<script type="text/javascript">
function ShowAndHide(id1){
if(document.getElementById){
el1=document.getElementById(id1);
if(el1=="mostra"){
mostra.style.display="block";
commenti.style.display="none";
eseguito.style.display="none";
}
else if(el1=="commenti"){
mostra.style.display="none";
commenti.style.display="block";
eseguito.style.display="none";
}
else if(el1=="eseguito"){
mostra.style.display="none";
commenti.style.display="none";
eseguito.style.display="block";
}
}
}
</script>


---

i vari tasti "input" hanno come valore onClick

Codice PHP:

---

onClick="ShowAndHide('commenti')


---

..."commenti" in altri tasti è "mostra" e "eseguito"

alla pressione del bottone con onClick "commenti" il DIV con id uguale a commenti deve essere visualizzato (block) mentre gli altri 2 vanno nascosti (none), stessa cosa quando vengono premuti gli altri bottoni...

Io mi sono arrangiato e ho creato quel codice...ma non funziona :???:

...quindi mi affido a voi :mrgreen:

quasi :mrgreen: devi confontare stringhe con stringhe (i nomi degli elementi), e devi riempire le tre variabili con riferimenti agli elementi corretti.

Codice PHP:

---

<script type="text/javascript">
function ShowAndHide(id1){
if(document.getElementById){
var mostra = document.getElementById('mostra');
var commenti = document.getElementById('commenti');
var eseguito = document.getElementById('eseguito');
if(id1=="mostra"){
mostra.style.display="block";
commenti.style.display="none";
eseguito.style.display="none";
}
else if(id1=="commenti"){
mostra.style.display="none";
commenti.style.display="block";
eseguito.style.display="none";
}
else if(id1=="eseguito"){
mostra.style.display="none";
commenti.style.display="none";
eseguito.style.display="block";
}
}
}
</script>


---

Citazione:

---

Originalmente inviato da dreadnaut

quasi :mrgreen: devi confontare stringhe con stringhe (i nomi degli elementi), e devi riempire le tre variabili con riferimenti agli elementi corretti.

---

tiamo :oops: (funziona :mrgreen:)