visualizzare e nascondere un div...

[lnessuno]

dunque, io ho una struttura di questo tipo


_________________________
menu
_________________________
menu 2
_________________________
menu 3
_________________________


etc etc... queste righe in realtà sono dei link, con lo stile display:block in modo da visualizzarli tipo celle di una tabella...

fondamentalmente, io vorrei fare in modo che cliccando ad esempio su menu 2 si "srotoli" la sua descrizione... che è già presente ma nello stile ha display:hidden (praticamente vorrei che questo display:hidden diventi display:show). ovviamente cliccando di nuovo deve tornare hidden...

esiste un modo per farlo, in javascript? mi pare di capire che si può, ma non sono riuscito a trovare un esempio comprensibile che spiegasse come farlo...

[Xinod]

l' istruzione che ti serve e'

document.getElementById('id_livello_da_mostrare').style.display='block';

[tutto nella stessa riga e senza spazi]
confidando nel fatto che tu sappia come fare un ciclo in javascript
dovrebbe risultarti facile assemblare il menu' di cui parli

se non e' cosi' ci risentiamo, ciao

[lnessuno]

in effetti in javascript non so nemmeno come si fa un ciclo if... cmq provo a dare un'occhiata in giro, intanto grazie


ma il codice non dovrebbe essere qualcosa tipo:

document. getElementById('id_livello_da_mostrare')
.style.visibility='show';

e

document. getElementById('id_livello_da_mostrare')
.style.visibility='hidden';

?


ancora una cosa... quell'id_livello_da_mostrare corrisponderebbe ad un id che imposto al div, giusto? cioè div id="codice"?


grazie 1000 cmq

[Mich_]

Nei browser moderni e` semmai:
.style.visibility = "visible";
.style.visibility = "hidden";

La sintassi che hai scritto tu assomiglia a quella per NN4 (ma il pezzo .style. a quel tempo non c'era, e neppure i <div>).

Con la sintassi di Br1 si contrae anchelo spazio occupato dal div, con questa lo spazio resta occupato (solo il div non si vede). Scegli quella che piu` ti piace.

Per l'id hai ragione: viene definito da:
<div id="id_livello_da_mostrare"> ... </div>

[lnessuno]

grandioso, funziona!


c'è solo un piccolo problema... su exploder si vede bene, mentre su mozilla mi da problemi... ho utilizzato il display:block e display:none (mi pare, non ho il codice sottomano cmq qualcosa del genere)


il problema sotto mozilla è che non sposta il resto del testo in basso, ma semplicemente rende visibile il div nascosto... e lo sovrappone al resto :master:

[Mich_]

Dev'essere un problema di position e di sovrapposizione.

Posta il CSS che usi o lascia un link. Nel frattempo ti sposto nel forum piu` appropriato.

[pierofix]

Questo già visto?

- www.re1.it/pierofix/dom_mostranascondi.html

[lnessuno]

Originariamente inviato da pierofix
Questo già visto?

- www.re1.it/pierofix/dom_mostranascondi.html

fantastico mi ero dimenticato del tuo sito


thx a tutti