• Super User

    Menu a tendina-Javascript

    Ciao a tutti...spero di aver postato nella sezione giusta...
    Ho un problema con un menu a tendina che fino a un ora fa funzionava...

    la pagina è questa:
    http://www.neverlandonlus.it/prove/home.html

    Il problema è che quando si apre la pagina il menu è già srotolato...in pratica dovrebbe srotolarsi quando si clicca su home...fino a pochi minuti fa funzionava...adesso mi ha abbandonato...e nn capisco proprio perchè!

    Vi posto anche l'html della pagina evidenziando il codice javascript.... spero di esseremi spiegata...:)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <link href="neverland.css" rel="stylesheet" type="text/css" />
    <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 id="contenitore">
    <div id="header"></div>
    <div id="colonna-sx">
    **<a href="#" onclick="return mostraMenu('menu1')">home</a><br />
    <div class="menu" id="menu1">
        ciao <br />
        ciao2<br />
        ciao3 <br />
        ciao4<br />
        ciao5</div>**
    Dove siamo<br />
      I nostri progetti<br />
      Statuto<br />
      Aiuti<br />
      Contatti</div>
    <div id="colonna-dx"></div>
    <div id="contenuti"><br />
    </div>
    <div id="clean"></div>
    <div id="footer"></div>
    </div>
    </body>
    </html>
    
    ```Nel caso fossero i css il problema ecco anche loro:
    

    /* CSS Document */

    body {
    background: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0
    }
    #contenitore {
    MARGIN-LEFT:auto;
    WIDTH: 780px;
    MARGIN-RIGHT: auto;
    POSITION:relative;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #E6ECE0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    }
    #colonna-sx {
    width:225px;
    background-image: url(images/52_02.jpg);
    background-repeat: repeat-y;
    padding-top: 1em;
    padding-right: 0;
    padding-bottom: 20em;
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:;
    left: 5em;
    }

    #header {
    MARGIN: 0px;
    padding: 0px;
    background-image: url(images/52_01.jpg);
    background-repeat: no-repeat;
    background-color: e5ece0;
    width: 780px;
    height: 373px;
    }
    #clean{
    MARGIN: 0px;
    background-color: #E5ECE0;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0em;
    clear: both;
    padding-bottom: 0em;
    }

    a:link {
    text-decoration: none;
    color:;
    }
    a:visited {
    text-decoration: none;
    color:;
    }
    a:hover {
    text-decoration: none;
    color: #628416;
    }
    a:active {
    text-decoration: none;
    color:;
    }
    .Stile1 {color: #FF9933}
    .testo {
    height:200px;
    width: 440px;
    padding-top: 60px;
    margin: 0px;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    }

    #footer {
    text-align:right;
    position:absolute;
    width: 775px;
    font-size: 12px;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #669966;
    color:;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    #contenuti {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2em;
    padding-bottom: 1em;
    padding-right: 10px;
    padding-left: 20px;
    background-color:;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333300;
    text-align: left;
    margin-right: 160px;
    margin-left: 225px;
    }
    #colonna-dx{
    top: 375px;
    right: -4px;
    width:160px;
    width:160px;
    background-color: #3C6F13;
    float: right;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 10em;
    padding-left: 0em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:;
    }

    .img {
    padding-left: 4em;
    }
    #title {
    display:none;
    background-color:;
    height: 5px;
    }

    
    Ops è lungo....:sbonk:

  • Moderatore

    Ma nel css dove sta la classe menu che hai assegnato al div??
    perchè il div deve risultare all'inizio display:none

    :ciauz:


  • Super User

    Infatti prima c'era...poi ho provato a mettere un titolino nella sezione dei menu ed è comparso l'errore...vediamo se ho capito quello che mi hai detto...


  • Super User

    Grazie mille Legolas...ho rimesso div class del menu e dispaly a none....adesso sembra funzionare.Grazie mille!!!! Sono questi gli errori che non dovrei fare...grazie ancora.