Problema menu a comparsa javascript

**flash20** · 20-10-2010, 19:23

Ciao a tutti, ho un problemino con un menu a tendina.

Ho sempre usato lo script che segue per dar modo a due pulsanti di far comparire un menù in questo modo: clicco su PULSANTE1 e appare FINESTRA1; clicco su PULSANTE2, si chiude FINESTRA1 e si apre FINESTRA2; e viceversa.

Funziona correttamente, però mi si è posto un problema, ho dovuto aggiungere un nuovo pulsante, quindi i menu ora sono 3 e non riesco a sincronizzarli completamente, ho provato a modificare in diversi modi il codice ma non ci sono riuscito, mi capita che una finestra si apre sull'altra, alcuni pulsanti vanno altri no. Non so come risolvere.

codice:

<script type="text/javascript" language="Javascript">
        <!-- 

function mostraMenu2(idcliccato) {
                                               
               if(idcliccato=='menu2'){
                   var idnoncliccato = 'menu3';
               }else{
                   var idnoncliccato = 'menu2';
               }
                                                
               var div1 = document.getElementById(idcliccato).style;
               var div2 = document.getElementById(idnoncliccato).style;
                                                                
               if(div1.display=='none'){
                   div1.display = 'block';
                   div2.display = 'none';                   
               }else{
                   div1.display = 'none';                   
               }                
                
        }
 -->
    </script>

Avete suggerimenti???????????

Grazie

**flash20** · 22-10-2010, 10:49

Qualcuno ha qualche suggerimento???

**NonCeLaFaccio+** · 22-10-2010, 15:04

Qualcosa del genere ?

codice:

<html>
   <head>
      <script type="text/javascript" language="Javascript">
         <!--

         function mostraMenu(idcliccato) {

               if(idcliccato=='menu1') {
                  var idnoncliccato_1 = 'menu2';
                  var idnoncliccato_2 = 'menu3';
               } else {
                  if(idcliccato=='menu2'){
                     var idnoncliccato_1 = 'menu1';
                     var idnoncliccato_2 = 'menu3';
                  } else {
                     var idnoncliccato_1 = 'menu1';
                     var idnoncliccato_2 = 'menu2';
                  }
               }

               var div1 = document.getElementById(idcliccato).style;
               var div2 = document.getElementById(idnoncliccato_1).style;
               var div3 = document.getElementById(idnoncliccato_2).style;

               div1.display = 'block';
               div2.display = 'none';
               div3.display = 'none';
         }
         -->
      </script>
   </head>
   <body>
      <input type="button" value="menu1" onClick="mostraMenu('menu1');">
      <input type="button" value="menu2" onClick="mostraMenu('menu2');">
      <input type="button" value="menu3" onClick="mostraMenu('menu3');">
      <div id="menu1" style="display:none; width:200px; background-color:yellow;">
         <span>Questo è il primo menu</span>
      </div>
      <div id="menu2" style="display:none; width:200px; background-color:red;">
         <span>Questo è il secondo menu</span>
      </div>
      <div id="menu3" style="display:none; width:200px; background-color:green;">
         <span>Questo è il terzo menu</span>
      </div>
   </body>
</html>

Ciao

**flash20** · 22-10-2010, 18:23

Grandioso è perfetto, sbagliavo a lavorare solo sulla prima parte dello script e non sulla seconda.

Grazie mille, sei stato preziosissimo

Discussione: Problema menu a comparsa javascript

Strumenti discussione

Ricerca discussione

Visualizza

Problema menu a comparsa javascript

Permessi di invio