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

Menu deroulant

Réponse 1 / 6

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 ?

Réponse 2 / 6

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">


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.



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'>


<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>

<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>



<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>



<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>


</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;}
}

//-->

Réponse 3 / 6

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

kidjaf Messages postés 15 Statut Membre

oui c'est exactement cela !

Réponse 4 / 6

toughzaa Messages postés 105 Statut Membre 5

Tu veux lequel ?

kidjaf Messages postés 15 Statut Membre

je veux bien les 2 si ce n'est pas trop demandé

merci d'avance

Réponse 5 / 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 ;)

kidjaf Messages postés 15 Statut Membre

aie aie aie
j'ai teste avec ie6 seul menu principal souligné s'affiche !!

kidjaf Messages postés 15 Statut Membre

Chez toi le pg s'affiche bien en ie6 et ie7 ?

Réponse 6 / 6

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

Menu deroulant

6 réponses

Votre réponse

Discussions similaires

Newsletters