nascondi, visualizza div

[Hedo]

Ciao a tutti nel forum e in altri siti ho trovato degli script semplici per nascondere e visualizzare dei div.

Il mio problema è che ho una 20ia di divs e vorrei farne vedere solo uno alla volta.

in pratica mi servirebbe una funzione che me li nasconde tutti (magari con un ciclo forearch) e poi far apparire solo un div che voglio io.

E' possibile? qualcuno mi aiuta?

grazie

[9issara]

<div id="div1">ciao</div>

 x = document.getElementById['div1'];
 // per far vedere div
 x.style.visibility = 'visible';
 // per non far vedere div
 x.style.visibility = 'hidden'; 

[Hedo]

Ma infatti fino a li ci ero arrivato:

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) //NN4+
{
document.layers[szDivID].display  = iState ? "block" : "none";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
obj.style.display  = iState ? "block" : "none";
}
else if(document.all) // IE 4
{
document.all[szDivID].style.display  = iState ? "block" : "none";
}
} 

        <div id="button">
            <input type="button" onClick="toggleBox('slide_01',1);toggleBox('slide_02',0);" value="1">
            <input type="button" onClick="toggleBox('slide_01',0);toggleBox('slide_02',1);" value="2">
        </div>
    
        <div id="slide_01" class="nascosto">slide 1</div>
        <div id="slide_02" class="nascosto">slide 2</div> 

il problema che cosi se ho 20 divs devo fare una riga lunghissima che mi spegne tutti i divs; invece a me servirebbe un ciclo automatico che mi nasconte tutti i divs e mi fa accendere solo quello che voglio io.

[9issara]

metti dentro un ciclo
tipo

for (quante volte ci sono div)
{ if (div = quello che vuoi accendere) funzione(nome_div,1) // 1 visualizza;
else
funzione(nome_div,0) //0 nascondi
}
non funziona cosi?

[Angeloscuro]

se chiami tutte le div con lo stesso nome, potrai disporre di un array delle div.
spero possa essere utile.
Ciao

[Hedo]

Ho fatto senza fare un ciclo... bastava ragionarci un pò

var currentDiv = "";

function scopri(divID) {
    if (currentDiv != "") {
        document.getElementById(currentDiv).style.display = "none";
    }
    
    document.getElementById(divID).style.display = "block";
    currentDiv = divID;
} 

<input type="button" onclick="scopri('divchevogliovedere')" value="1" /> 

[JavaDisperato]

Ho provato ad usare la funzione sul sito http://www.digital2b.com/

La funzione è questa:

<script language=javascript type='text/javascript'>
function showhide(id) {
  if(document.getElementById) {
    var el=document.getElementById(id);
    el.style.display = (el.style.display=="block") ? "none" : "block";
    el.style.visibility = (el.style.visibility=="visible") ? "hidden" : "visible";
  }
}
</script>

Il codice è questo

<ul style="margin-left:6px;">                                        
                                          
  <li class="li1">                                          
    2007-11-24 / Linux Meeting 2007 con la Digital 2B                                        
  <div id="2007-11-24" style="display:none;">                                          
    

Dopo il grande successo al Linux Day 2007 a Palermo con il tema Gestione Documentale con Linux,la Digital 2B ha partecipato al Linux Meeting 2007 (aula B110 al dipartimento di Ing. Chimica).                                             
      
                                            
      
Il tema di questa presentazione è stato Linux ed il Web, cioè una panoramica semi-tecnica sulleproblematiche ed opportunit&agrave; del Web 2.0 e delle tecnologie che questa filosofia ci porta.                                           
    </p>                                          
    

                                           
    </p>                                          
    

Un ringraziamento a Vincenzo Virgilio e a tutto lo                                              
      sputnix per averci invitato alla manifestazione.                                           
    </p>                                          
    

                                           
    </p>                                          
    

                                            
      Ecco quila nostra presentazione all&#39;evento.                                           
    </p>                                          
    
                                          
    
                                          
    
                                        
  </div>                                        
  [/list]

Perchè su Firefox funziona perfettamente e su Internet Explorer (6/7) la funzione non mostra il Div? Perchè è annidato?

[Angeloscuro]

ciao,
io credo che non entri proprio in JS, prova a mettere delle alert per verificare.
prova anche a validare il codice HTML presso il W3C.
Buon Natale

[Mega69]

Confermo ciò che ha detto Angeloscuro. Gli errori che risaltano all'occhio sono l'id che hai dato ( non deve iniziare con un numero ) e poi il fatto che si scrive onclick e non onClick.
Dimenticavo, buone feste.

[JavaDisperato]

Originariamente inviato da Mega69
Confermo ciò che ha detto Angeloscuro. Gli errori che risaltano all'occhio sono l'id che hai dato ( non deve iniziare con un numero ) e poi il fatto che si scrive onclick e non onClick.
Dimenticavo, buone feste.

Grazie, avevi proprio ragione.

Tanto per scatenare un attimino di polemica (gratuita).. è veramente noioso, per chi sviluppa siti web sotto linux, dove emulare Internet Explorer 7 solo perchè 3 browser interpretano lo stesso codice in maniera diversa (Opera, Firefox, IE).

Ma è Natale, siam tutti più buoni. Auguri di Buone Feste!