[Web2.0] Chiudere i DIV con display block
Giovanni Battista Lenoci
gianiaz a gianiaz.net
Mar 12 Dic 2006 18:15:09 CET
Massimiliano Marini ha scritto:
> Capisco che il subject è criptico, mi spiego meglio
>
> ho un menu a tabs, quando carico la pagina index.htm tutti i DIV
> sono settati con : style="display: none"
>
> <div id="pippo" style="display: none">
> <div id="pluto" style="display: none">
>
> con questo JS visualizzo e chiudo il DIV su cui clicco :
>
> <script>
> function show(ele)
> {
> var srcElement = document.getElementById(ele);
> if(srcElement != null)
> {
> if(srcElement.style.display == "block")
> {
> srcElement.style.display='none';
> }else{
> srcElement.style.display='block';
> }
> return false;
> }
> }
> </script>
>
> dall'html lo richiamo così :
> <a href="#" onclick="show('pippo'); return(false);">Visualizza Pippo</a>
> <a href="#" onclick="show('pluto'); return(false);">Visualizza Pluto</a>
>
> Morale della favola, quello che vorrei ottenere è che se clicco su un "DIV"
> in automatico si chiudono gli altri "DIV" e rimane attivo solo quello su cui ho
> appena cliccato ... si può ottenere ciò?
>
Ti fai una funzioncina a cui passi (o che si estrapola) un array di ID
dei div da chiudere, che poi li cicla e imposta lo style a display:none.
Ogni volta che chiami la funzione di apertura richiami prima quella che
nasconde tutto.
E' il modo in cui di solito operano i vari menu gerarchici per fare in
modo che all'apertura di un ramo vengano chiusi gli altri...
ciao
--
gianiaz.net
di Giovanni Battista Lenoci
P.le Bertacchi 66
23100 Sondrio
cell. +39.392.7096936
Maggiori informazioni sulla lista
Web2.0