Controllo mostra div

[semolino]

Ho una pagina cosi

<script type="text/javascript">
      function Vai() {
        var objProva   = document.getElementById("contenuto");
        if (objProva.style.display == "block") {
          objProva.style.display = "none";
        }
        else {
          objProva.style.display = "block";
        }
      }
    function Vai2() {
        var objProva2   = document.getElementById("contenuto2");
        if (objProva2.style.display == "block") {
          objProva2.style.display = "none";
        }
        else {
          objProva2.style.display = "block";
        }
      }
    </script>
<div id="menu2">
        <div id="s_menu2">
         <div class="text">
        [url="#"]THE FUTURE[/url]

        [url="#"]THE PAST[/url]
            </div>
        </div>
    </div>
    <div id="contenuto">
    adf hdr rherh erghergh erherh erh g

    </div>
    <div id="contenuto2">
    adf hdr rherh h rsg
    </div> 

Dunque non funziona proprio nel modo corretto.
Se clicco su di un link, mi apre la prima div, se clicco sull'altro mi apore anche il secondo div.
Io vorrei invece che qualsiasi link io clicchi mi mostri quel rispettivo div, e nel caso clicco l'altro, venga visualizzato il div successivo al posto di quello precedente.
Devo fare un controllo unico per entrambe?

[semolino]

Ci sono riuscito, grazie!

[semolino]

Piccolo inconveniente: la situazione ora è questa

<script type="text/javascript">
      function Vai() {
        var objProva   = document.getElementById("contenuto");
        var objProva2   = document.getElementById("contenuto2");
        if (objProva.style.display == "block") {
          objProva.style.display = "none";
          objProva2.style.display = "block";
        }
        else {
          objProva.style.display = "block";
          objProva2.style.display = "none";
        }
      }
    </script>

[url="#"]THE FUTURE[/url]

[url="#"]THE PAST[/url]

<div id="contenuto">dddddd</div>
<div id="contenuto2">adf hdr rherh h rsg</div> 

Se clicco THE FUTURE mi compare 'contenuto'
Se clicco THE PAST mi scompare 'contenuto' e mi compare 'contenuto2'
Ma se clicco ancora su THE PAST mi scompare 'contenuto2' e mi compare 'contenuto'
e cosi via.
Come posso legare il singolo link solo alla sua div?

[homezappa]

<script type="text/javascript">
      function Vai(IdDaAccendere) {
          // prendo l'oggetto da accendere
          var objProva   = document.getElementById(IdDaAccendere);
          // spengo entrambi 
          document.getElementById("contenuto").style.display = "none";
          document.getElementById("contenuto2").style.display = "none";
          // accendo solo quello richiesto
      objProva.style.display = "block";
      }
    </script>

[url="#"]THE FUTURE[/url]

[url="#"]THE PAST[/url]

<div id="contenuto">dddddd</div>
<div id="contenuto2">adf hdr rherh h rsg</div> 

HTH
Zappa

[semolino]

Grazie, ti aggiungo che io imposto le due div con display:none ad ingresso pagina.
Ora se testo lo script, non mi accade niente e mi rimangono sempre nascoste...
Come mai? A logica mi sembra corretto...

[homezappa]

Da me se faccio così funziona:

<script type="text/javascript">
      function Vai(IdDaAccendere) {
          // prendo l'oggetto da accendere
          var objProva   = document.getElementById(IdDaAccendere);
          // spengo entrambi 
          document.getElementById("contenuto").style.display = "none";
          document.getElementById("contenuto2").style.display = "none";
          // accendo solo quello richiesto
      objProva.style.display = "block";
      }
//
// aggiunta: mette display a 'none' al caricamento della pagina
//
window.onload=function(){
  document.getElementById("contenuto").style.display = "none";
  document.getElementById("contenuto2").style.display = "none";
}

</script>

[url="#"]THE FUTURE[/url]

[url="#"]THE PAST[/url]

<div id="contenuto">dddddd</div>
<div id="contenuto2">adf hdr rherh h rsg</div> 

HTH
Zappa

[semolino]

La console di java mi dice contenuto e contenuto2 not defeined.

[homezappa]

Originariamente inviato da semolino
La console di java mi dice contenuto e contenuto2 not defeined.

se scrivi SOLO quello che ti ho suggerito, per forza!
un po' di struttura html la devi aggiungere, no?

ciao
Zappa

[semolino]

Originariamente inviato da homezappa
se scrivi SOLO quello che ti ho suggerito, per forza!
un po' di struttura html la devi aggiungere, no?

ciao
Zappa

Ho trovato l'inghippo, grazie mille!

[semolino]

E' possibile sendare anche una variabile dinamica?
I link hanno un valore dinamico che varia e aprendo la div contenuto, in base a quel valora mostro diverse cose.

Ho provato a togliere # e mettere il classico ?id=
ma quando clicco mi compare la div con la variabile passata correttamente il problema che rimane a video solo 1 secondo e poi si nasconde.

Come mai?