Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme avec menu dynamique

incapable de faire un sous sous-menu

tinzaker
    16 juillet 2006 à 17:55:01

    Salut je suis en train de faire un site web avec un menu dynamique.
    Je suis capable de faire un sous-menu mais pas un sous sous-menu.
    Est ce que quelqu'un pourrait m'aider svp.
    voici mon code... assez long disons. p.s. JE NEST PAS MIs LE CSS
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    <title>un menu déroulant en CSS et javascript</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
            for (var i = 1; i<=10; i++) {
                    if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
            }
    if (d) {d.style.display='block';}
    }
    //-->
    </script>



    </head>
    <body>

    <!-- Menu  -->

    <dl id="menu" style="position: absolute; left: 15px; top: 15px; height: 99px">
                    <dt onmouseover="javascript:montre('smenu1');"><a href="#">Menu 1</a></dt>
                            <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();" style="position: absolute; left: 145px; margin-top: -24px">
                                    <ul>
                                            <li><a href="#">Sous-Menu 1.1</a></li>
                                            <li><a href="#">Sous-Menu 1.2</a></li>
                                            <li><a href="#">Sous-Menu 1.3</a></li>

                                    </ul>
                            </dd>   
                           
                    <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Menu 2</dt>
                            <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();" style="position: absolute; left: 145px; margin-top: -24px">
                                    <ul>
                                            <li><a href="#">Sous-Menu 2.1</a></li>
                                            <li><a href="#">Sous-Menu 2.2</a></li>
                                    </ul>

                            </dd>   

                    <dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Menu 3</dt>
                            <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();" style="position: absolute; left: 145px; margin-top: -24px">
                                    <ul>
                                            <li><a href="#">Sous-Menu 3.1</a></li>
                                            <li><a href="#">Sous-Menu 3.1</a></li>

                                            <li><a href="#">Sous-Menu 3.1</a></li>

                                            <li><a href="#">Sous-Menu 3.1</a></li>
                                            <li><a href="#">Sous-Menu 3.1</a></li>
                                            <li><a href="#">Sous-Menu 3.1</a></li>
                                    </ul>
                            </dd>

                    <dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">Menu 4</dt>

                            <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();" style="position: absolute; left: 145px; margin-top: -24px">
                                    <ul>
                                            <li><a href="#">Sous-Menu 4.1</a></li>
                                            <li><a href="#">Sous-Menu 4.1</a></li>
                                    </ul>
                            </dd>
                                            <dt onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();">Menu 5</dt>

                            <dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();" style="position: absolute; left: 145px; margin-top: -24px">
                                    <ul>
                                            <li><a href="#">Sous-Menu 5.1</a></li>
                                            <li><a href="#">Sous-Menu 5.1</a></li>
                                    </ul>
                            </dd>

                           

                                   


    </dl>



    </body>
    </html>


    • Partager sur Facebook
    • Partager sur Twitter
    tinzaker
      18 juillet 2006 à 17:16:36

      Est-ce que vous comprener ? ce que je veu dire
      • Partager sur Facebook
      • Partager sur Twitter

      Probleme avec menu dynamique

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown