Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Menu a comparsa

  1. #1
    Utente di HTML.it L'avatar di gun68
    Registrato dal
    Jan 2002
    Messaggi
    58

    Menu a comparsa

    Ciao a tutti, ho scaricato dal sito questo piccolo script di un menu a comparsa:

    Codice PHP:
    <script type="text/javascript" language="Javascript">
            function 
    mostraMenu(menuCorrente) {
                if (
    document.getElementById) {
                    
    questoMenu document.getElementById(menuCorrente).style
                    
    if (questoMenu.display == "block") {
                        
    questoMenu.display "none"
                    
    }
                    else {
                        
    questoMenu.display "block"
                    
    }
                    return 
    false
                
    }
                else {
                    return 
    true
                
    }
            }
    </script>
    </head>
    <body >
    <div align="left">
    [url="#"]Lazio[/url]
    <div class="menu" id="menu1">
        Roma

        Latina

        Rieti

        Frosinone

        Viterbo
    </div>


    [url="#"]Campania[/url]
    <div class="menu" id="menu2">
        Napoli

        Avellino

        Benevento

        Caserta

        Salerno
    </div>
    </body> 
    Siccome non sono molto esperto di codice JavaScript, qualcuno mi saprebbe aiutare a modificare lo script per fare in modo che aprendo un menu, automaticamente si chiudano tutti gli altri ?

    Grazie 1000.
    Ciao

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    codice:
    <script type="text/javascript"> 
    function mostraMenu(menuCorrente) { 
    	d = document.getElementsByTagName("div");
    	t = document.getElementById(menuCorrente);
    	for (var i=0; i<d.length; i++ )	{
    		if (d[i].className=="menu") {
    			d[i].style.display = (d[i]==t&&t.style.display=="none")?"block":"none"; 
    		}
    	}
    } 
    </script>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di gun68
    Registrato dal
    Jan 2002
    Messaggi
    58
    Perfetto!!!
    Grazie 1000.

    Ciao

  4. #4
    Utente di HTML.it L'avatar di gun68
    Registrato dal
    Jan 2002
    Messaggi
    58
    ...ancora una piccola cosa se è possibile...
    Il codice che mi hai scritto funziona perfettamente ma, al momento dell'apertura della pagina, visualizza tutti i menu 'aperti'.

    E' possibile fare in modo che al caricamento della pagina tutti i menu risultino 'chiusi'?

    Grazie ancora.
    Ciao

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Non per tutto e' necessario il javascript

    <style> div.menu { display:none; } </style>

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  6. #6
    Utente di HTML.it L'avatar di gun68
    Registrato dal
    Jan 2002
    Messaggi
    58
    Grazie ancora...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.