Menu deroulant

kidjaf Messages postés 15 Statut Membre -  
toughzaa Messages postés 105 Statut Membre -
Bonjour,

J'ai un petit souci avec un menu récupére ! Voila qd je passe avec la souris sur les éléments de mon menu ou que je clioque dessus l'élément n'est pla affiché or je voudrais l'afficher quitte à changer de couleur .

infos : c'est un menu HTML avec du css
Merci d'avance

6 réponses

  1.
    toughzaa Messages postés 105 Statut Membre 5
     
    Peux-tu mettre le code source ou mieux encore le publier sur internet sur un serveur http ?
    0
  2. kidjaf Messages postés 15 Statut Membre
     
    <html>
    <head>
    <title> Menus </title>

    <meta name="Author" content="C.JAFFRAY">
    <style type="text/css">

    .FoldCont {position:absolute; width:140px; left:5px; top:30px; font-size: 0; visibility:hidden;}
    .clFold {position:absolute; width:140px;font-size: 0; }
    .clFoldSub {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}
    .clFoldSub2 {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}
    .clFoldSub2Sub3 {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}

    .clLinks {font-family:Arial, Verdana, Helvetica; font-size:16px; color:blue; font-weight:bold; text-decoration:none;}
    .clLinksSub {font-family:Arial, Verdana, Helvetica; font-size:16px; color:blue; font-weight:bold; text-decoration:none; }
    .clLinksSub {font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }
    .clLinksSub2 {font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }
    .clLinksSub2Sub3{font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }

    :hover {color: #EE7722;}
    a.nav:hover {color: #EE7722;}
    </style>

    <script language="JavaScript" type="text/javascript" src="foldout2.js"></script>
    <script language="JavaScript" type="text/javascript">

    <!-- parametres stables . ne pas changer --->
    foldImg = 1 //1 for images (not =>set to 0 and remove the images from the body)?
    pxbetweenmain = 4 //space between the main menus
    pxbetweensub = 4 //space between the sub menus
    mainstayfolded= false //main menus stay folded?
    substayfolded = false //sub menus stay folded? Play with these 2 variables.

    <!-- parametres liés au menu : actualiser en fonction des menus -->

    mainmenus = 6 //Nb of menus
    submenus =new Array(0,0,3,5,2,0) //Nb of submenus beneath each main level.

    </script>
    </head>

    <body marginleft="0" marginheight="0"bgcolor='#EE7722'>

    <!-- Menu -->
    <div id="FoldCont">

    <div class="clFold" id="Fold0" >
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="_top" href="/otarie" >
    <img name="imgFold0" src="img/home.gif" border=0 alt='home page'> Home</a><br>
    <div class="clFoldSub" id="FoldSub0_0"><a href=''></a></div>
    </div>

    <div class="clFold" id="Fold1" >
    <tr><td>
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="main" href="/otarie/Help.htm" >
    <img name="imgFold1" src="img/help.gif" border=0 alt='Admin'> Help</a><br>
    <div class="clFoldSub" id="FoldSub1_0"><a href=''></a></div>
    </div>
    <!-- Menu Analyses -->
    <div class="clFold" id="Fold2" >
    <table border='0' cellspacing='0' width='140'>
    <tr><td>
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(2,this)" target="main" href="/otarie/main_courbe.htm">
    <img name="imgFold2" src="sign_off.gif" border=0> Traffic Views</a>

    </td></tr></table>
    <!-- -->
    <div class="clFoldSub" id="FoldSub2_0">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,0,this)" target="main" >
    <img name="imgFold2Sub0" src="arrow_on.gif" border=0 > Rates </a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub2_0_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Application</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Mobile Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Usage Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By GGSN</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Link">By Link</a></td></tr>
    </table>
    </div>
    </div>

    <!-- -->
    <div class="clFoldSub" id="FoldSub2_1">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,1,this)" target="main" >
    <img name="imgFold2Sub1" src="arrow_on.gif" border=0 >Customers </a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub2_1_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Appli">By Application</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Mob">By Mobile Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Usage">By Usage Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Market">By Market</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_GGSN">By GGSN</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_AccesType">By Acces Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Link">By Link</a></td></tr>
    </table>
    </div>
    </div>
    <div class="clFoldSub" id="FoldSub2_2">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,2,this)" target="main" >
    <img name="imgFold2Sub2" src="arrow_on.gif" border=0 >Volume</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub2_2_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Appli">By Application</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Mob">By Mobile Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Usage">By Usage Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Market">By Market</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_GGSN">By GGSN</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_AccesType">By Acces Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Link">By Link</a></td></tr>
    </table>
    </div>
    </div>
    <!-- -->

    <!-- Menu Analyses -->
    <div class="clFold" id="Fold3" >
    <table border='0' cellspacing='0' width='140'>
    <tr><td>
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(3,this)" target="main" href="/otarie/main_courbe.htm">
    <img name="imgFold3" src="sign_off.gif" border=0> Streaming </a>

    </td></tr></table>
    <!-- -->
    <div class="clFoldSub" id="FoldSub3_0">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,0,this)" target="main" >
    <img name="imgFold3Sub0" src="arrow_on.gif" border=0 > Rates </a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub3_0_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Protocol</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Provider</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By Usage Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
    </table>
    </div>
    </div>

    <!-- -->
    <div class="clFoldSub" id="FoldSub3_1">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,1,this)" target="main" >
    <img name="imgFold3Sub1" src="arrow_on.gif" border=0 >Customers </a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub3_1_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Protocol</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Provider</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By Usage Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
    </table>
    </div>
    </div>
    <div class="clFoldSub" id="FoldSub3_2">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,2,this)" target="main" >
    <img name="imgFold3Sub2" src="arrow_on.gif" border=0 >Volume</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub3_2_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Type">Volume/Type </a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Service">Volume/Provider </a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Protocol">Volume/Protocol</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Type">Vol & Nb Sess/Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Service">Vol & Nb Sess/Prov</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Protocol">Vol & Nb Sess/Prot</a></td></tr>
    </table>
    </div>
    </div>
    <div class="clFoldSub" id="FoldSub3_3">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,3,this)" target="main" >
    <img name="imgFold3Sub3" src="arrow_on.gif" border=0 >Duration</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub3_3_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Type">Avg Dur Sess/Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Service">Avg Dur Sess/Prov</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Protocol">Avg Dur Sess/Prot</a></td></tr>
    </table>
    </div>
    </div>
    <div class="clFoldSub" id="FoldSub3_4">
    <table border='0' cellspacing='0' width='130'>
    <tr><td>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,4,this)" target="main" >
    <img name="imgFold3Sub4" src="arrow_on.gif" border=0 >Sessions</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub3_4_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Type">Nb Sess/Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Service">Nb Sess/Provider</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Protocol">Nb Sess/Protocol</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Type">Avg Vol Sess/Type</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Service">Avg Vol Sess/Prov</a></td></tr>
    <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Protocol">Avg Vol Sess/Prot</a></td></tr>
    </table>
    </div>
    </div>

    <!-- -->
    <div class="clFold" id="Fold4" >
    <table border='0' cellspacing='0' width='140'>
    <tr><td>
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(4,this)" target="main" href="/otarie/stats.htm" >
    <img name="imgFold4" src="sign_off.gif" border=0 alt='Arborescence'> Statistiques</a>
    </td></tr></table>
    <!-- -->
    <div class="clFoldSub" id="FoldSub4_0">
    <table border='0' cellspacing='0' width='130'>
    <tr><td bgcolor='beige'>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(4,0,this)" target="main" href="/otarie/divers.htm" >
    <img name="imgFold4Sub0" src="arrow_on.gif" border=0 > Possibités</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub4_0_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/bitrate_stats.php">Bitrates</a></td></tr>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu2</a></td></tr>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu3</a></td></tr>
    </table>
    </div>
    </div>
    <div class="clFoldSub" id="FoldSub4_1">
    <table border='0' cellspacing='0' width='130'>
    <tr><td bgcolor='beige'>
    <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(4,1,this)" target="main" href="/otarie/divers.htm" >
    <img name="imgFold4Sub1" src="arrow_on.gif" border=0 > Poss</a>
    </td></tr></table>
    <div class="clFoldSub2" id="FoldSub4_1_0">
    <table border='0' cellspacing='0' width='120'>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/bitrate_stats.php">Bitrates</a></td></tr>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu2</a></td></tr>
    <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu3</a></td></tr>
    </table>
    </div>
    </div>
    <!-- -->
    </div>

    <!-- -->
    <!-- Base Installee & HW -->
    <div class="clFold" id="Fold5" >
    <table border='0' cellspacing='0' width='140'>
    <tr><td>
    <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="main" href="/otarie/divers.htm" >
    <img name="imgFold5" src="img/arrow_xnext.gif" border=0 alt='home page'> Divers</a><br>
    <div class="clFoldSub" id="FoldSub5_0"><a href=''></a></div>
    </td></tr>
    <td valign='top'align='center' width='60%'>
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     

    <font size=6 color='beige' face='Arial'><b>Orange </b></font>
    <font size=6 color='beige' face='Arial'><b>Server </b></font>
    <font size=6 color='beige' face='Arial'><b>Otarie V1.0</b></font>

    </td>

    </table>
    <td align='letf' width='10%'>
    <img src='C:\wamp\www\otarie\images\Otarie.gif'>
    </td>
    </div>

    <!-- fin -->
    </div>
    </div>
    </body>

    </html>

    Pour le css voila
    #ancre_menu{vertical-align:top;padding:5px 5px 0 0;margin:0}

    /* liens */
    .mh a,.vg a,.vd a{display:block;margin:0;padding:2px 5px;
    text-decoration:none;line-height:1.1em;}
    .titre a{background-color:blue;color:#800080/*violet*/;cursor:default}
    .titre a:hover,.titre a:active,.titre a:focus{background-color:#800080;color:#ffe263}
    .titre .suivi{background-color:#EFE6FE} /* couleur du suivi */
    /* avec url */
    .lien a{background-color:blue;color:green;font-weight:bold;cursor:pointer;cursor:hand/*IE5.0*/}
    .lien a:visited{color:gray;font-weight:normal}
    .lien a:hover,.lien a:active,.lien a:focus{
    background-color:blue;color:#ffe263;border:2px inset;padding:0 3px;}

    /* flèches */
    .fh,.fl{font-size:80%}
    .fl{position:absolute;}

    /* 1er niveau : */
    .mh li,.vd li,.vg li{display:inline;} /* bug IE */
    .mh li{float:left;}
    .mh{;height:1.35em}
    .vg,.vg ul,.mh,.mh ul,.vd,.vd ul{position:absolute;margin:0;padding:0;
    border:2px outset #DDF4EC; z-index:9}
    .vd{text-align:right;right:1.3em}/* marge du body de general.css reportée */

    /* 2éme niveau et suivants */
    .mh li li{float:none;}
    .vg ul,.mh ul,.vd ul{visibility:hidden;}
    .mh ul{margin-top:.4em}
    .vg ul,.mh ul ul{margin:-1.5em 0 0 -3px;}
    .vd ul{margin:-1.5em -3px 0 0;}

    et pour le .js voila

    var delai,menu,dul,db,class_menu;pause=1500;D=document;wul1=0;
    ie=D.all?1:0;op=window.opera?1:0;dtd=D.compatMode=="CSS1Compat"?1:0;

    // paramétrage :
    // flèches pour niveau horizontal, vertical ou vertical à droite
    flh='...'; flg='›'; fld='‹';
    flc=ie?4:8 ;// espace pour la flèche
    //correction bug padding+border ie et opéra non dtd
    da=10 // des liens
    dul=(ie&!dtd)?4:0; // des ul
    danc=(ie&!dtd)?10:0;// hauteur du div "ancre_menu"

    function initMenu(id_menu,class_menu){
    de=ie&!op&&dtd?D.documentElement:D.body //exception IE6 dtd
    fx=ie&!op?de.clientWidth:innerWidth-20 //l fenêtre
    menu=D.getElementById(id_menu);
    wul=[] // tableau des largeurs de sous-menus
    as=menu.getElementsByTagName('a');
    sousMenu=menu.getElementsByTagName('ul');
    elem=document.getElementsByTagName('select');

    // ajoute a href="#" dans les li sans lien .
    lis=menu.getElementsByTagName('li');
    for(i=0;i<lis.length;i++){var L=lis[i];
    if(L.firstChild.tagName!="A"){
    titre=L.firstChild.data;L.removeChild(L.firstChild);
    L.innerHTML='<a href="#">'+titre+'<\/a>'+L.innerHTML;L.className="titre"
    }
    else L.className="lien" // avec url
    }
    //ajoute un id aux sous-menus
    for(j=0;j<sousMenu.length;j++){sousMenu[j].id="ul"+j;wul[j]=0
    }
    //construction du menu :
    for(i=0;i<as.length;i++){
    lien=as[i];wa=lien.offsetWidth;
    smenu=lien.parentNode.getElementsByTagName('ul')[0]?1:0;
    if (smenu)wa+=flc;
    // 1er niveau horizontal
    if(lien.parentNode.parentNode.id==id_menu){
    if(class_menu=="mh"){if(smenu&&lien.innerHTML!="")lien.innerHTML+=flh;
    wa=lien.offsetWidth;wul1+=wa+da;
    }
    else { // vertical
    if(wa>wul1){wul1=wa+da;};
    // ajoute les fléches
    if(smenu){lien.innerHTML=(class_menu=="vd")?'<span class="fl">'+fld+'</span>'+
    lien.innerHTML:lien.innerHTML+'<span class="fl">'+flg+'</span> ';}
    }
    }
    //autres niveaux verticaux
    else {
    n=eval(lien.parentNode.parentNode.id.substr(2,2));
    if(wa>wul[n]){wul[n]=wa;};
    // ajoute les fléches
    if(smenu)lien.innerHTML=(class_menu=="vd")?'<span class="fl">'+fld+'</span>'+
    lien.innerHTML:lien.innerHTML+'<span class="fl">'+flg+'</span> ';
    }
    //ajoute les évènements.
    lien.onmouseover=lien.onfocus=function(){
    ul_parent=this.parentNode.parentNode;
    ul=this.parentNode.getElementsByTagName('ul')[0]
    ef(ul_parent); // cache tout après l'ul parent
    if(ul){ul.style.visibility="visible";// montre l'ul enfant
    (class_menu=="vd")?ul.style.right="100%":
    (class_menu=="mh"&&ul_parent.id!=id_menu)||(class_menu=="vg")?ul.style.left="100%":0;
    this.className="suivi"; // marquage du suivi de lien
    // voirSelect('hidden');
    }
    }; lien.onmouseout=function(){delai=setTimeout('eftout()',pause)};
    }

    //fixe la largeur du 1er menu :
    if(wul1)menu.style.width=wul1+dul+"px";

    //largeur des sous-menu verticaux et de leurs liens :
    for(var x=0;x<wul.length;x++){
    ula=sousMenu[x].getElementsByTagName('a');dda=(ie&!dtd)?da:0;
    for(var i=0;i<ula.length;i++){ula[i].style.width=wul[x]+dda+"px";
    }
    sousMenu[x].style.width=wul[x]+da+dul+"px";
    }
    lien.onblur=D.onclick=eftout // pour navigation clavier IE
    menu.className=class_menu; //activation retardée de la feuille de style

    // replace les flèches des menus verticaux au bons endroits.
    span = menu.getElementsByTagName('span');
    for(i=0;i<span.length;i++){A=span[i].parentNode;c=span[i].style;
    if(span[i].className=="fl"){
    c.top=A.offsetTop+2+"px";c.left=(class_menu=="vd")?4+"px":A.offsetWidth-8+"px";
    }
    }
    ancremenu();
    }

    function ancremenu(){ancre=D.getElementById('ancre_menu');
    if(ancre){
    ancre.appendChild(menu);
    with(ancre.style){
    height=menu.offsetHeight+danc+'px';width=menu.offsetWidth+dul+'px';
    }
    }
    }

    function ef(ul) { //cache les uls qui suivent cet ul.
    clearTimeout(delai);
    var li=ul.getElementsByTagName('li');
    for(i=0;i<li.length;i++){
    var ul=li[i].getElementsByTagName('ul')[0];
    if(ul){ul.style.visibility="hidden";
    li[i].firstChild.className=""; //rétabli le marquage initial
    }}}

    function eftout(){ef(menu);voirSelect('visible');
    menu.style.visibility="hidden";menu.style.visibility="visible";// bug ie
    }

    // bug ie corrigé : cache les <select> quand le menu est visible
    function voirSelect(v){
    if(ie&!op){for(i=0;i<elem.length;i++)elem[i].style.visibility=v;}
    }

    //-->
    0
  3. toughzaa Messages postés 105 Statut Membre 5
     
    Si j'ai bien compris, tu veux faire un menu avec des sous menus affichés dès qu'on clique ?

    Jette un coup d'oeil sur http://phpmysiteweb.com/test.html et dis moi si c'est ca

    Ensuite, on verra si tu veux autre chose
    0
    1. kidjaf Messages postés 15 Statut Membre
       
      oui c'est exactement cela !
      0
  4. toughzaa Messages postés 105 Statut Membre 5
     
    Tu veux lequel ?
    0
    1. kidjaf Messages postés 15 Statut Membre
       
      je veux bien les 2 si ce n'est pas trop demandé

      merci d'avance
      0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. toughzaa Messages postés 105 Statut Membre 5
     
    Avant tout, tu inclus cela : 
    <script type="text/javascript"> 
function changervisibilite(thingId)
{
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	
	if (targe<code>
    tElement.style.display == "none" )
    {
    targetElement.style.display = "" ;
    }
    else
    {
    targetElement.style.display = "none" ;
    }
    }

    function hidden_article(thingId)
    {
    targetElement = document.getElementById(thingId) ;
    targetElement.style.display = "none" ;
    }
    </script></code>

    Ensuite, selon le menu que tu veux : 

      

 TYPE 1  : affichage du menu en cliquant sur "Menu principal"
 
<a href="javascript:changervisibilite('1')">Menu Principal</a></u></h2>
								<div id="1" style="display:none">
									<a href="#">SOUS MENU 1</a> <br />
									<a href="#">SOUS MENU 2</a> <br />
									<a href="#">SOUS MENU 3</a> <br />

									<a href="#">SOUS MENU 4</a> <br />
									<a href="#">SOUS MENU 5</a> <br />

								</div>

TYPE 2  : affichage du menu en survolant avec la souris "Menu principal"
 
<a href="#" onmouseover="javascript:changervisibilite('2')">Menu Principal</a></u></h2>
								<div id="2" style="display:none">

									<a href="#">SOUS MENU 1</a> <br />
									<a href="#">SOUS MENU 2</a> <br />
									<a href="#">SOUS MENU 3</a> <br />
									<a href="#">SOUS MENU 4</a> <br />
									<a href="#">SOUS MENU 5</a> <br />


    Si tu pijes pas quelque chose, tu le dis ;)
    0
    1. kidjaf Messages postés 15 Statut Membre
       
      aie aie aie
      j'ai teste avec ie6 seul menu principal souligné s'affiche !!
      0
    2. kidjaf Messages postés 15 Statut Membre
       
      Chez toi le pg s'affiche bien en ie6 et ie7 ?
      0
  7. toughzaa Messages postés 105 Statut Membre 5
     
    Cela s'affiche correctement avec IE7
    Mais je n'ai pas IE6 et en plus, il n'est plus d'actu
    0

Discussions similaires

Comment activer le Bluetooth sur une TV Samsung ?
zaraki490 -
Marjo -

110 réponses
Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
Kaheil -
Ismo87 -

7 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses
menu caché
laurent -
ChariduP -

7 réponses
menu déroulant dans excel
BOURGUI -
wahid-chaoui -

51 réponses