Hello! j'ai un petit soucis avec mon menu déroulant. J'aimerai que les sous menus ne disparaissent pas quand on clique dessus, mais qu'ils restent.
Et j'aimerais qu'ils disparraissent quand on clique sur les menus du niveau 1 "index" , etc...
Si qqn à la solution, ça serait super cool, parce que là je bloque grave...
Le code:
<html>
<head>
<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>
<style type="text/css" media="screen">
<!--
body
{
margin: 0;
padding: 0;
background: white;
font: 80% arial, sans-serif;
}
dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu
{
}
#menu
{
width: 8.5em;
}
#menu dt
{
cursor: pointer;
margin: 0;
text-indent: 0.3cm;
vertical-align: baseline;
font-weight: ;
border-bottom: solid 1px #666666;
background: #F2F2F2;
color: #686868;
font-size: #small;
font: 85% arial, sans-serif;
text-decoration:none;
}
#menu dd
{
border-bottom: 1px solid #666666;
}
#menu dt a {
height: 20px;
line-height: 20px;
display: block;
width:100%;
color: #686868; }
#menu dt a:hover
{
background: #F9F9F9;
color: #686868;
font-weight: ;
text-decoration:none;
}
#menu li
{
text-align: left;
text-indent: 0.5cm;
background: #F9F9F9;
text-decoration:none;
}
#menu li a
{
color:#686868;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-size: small;
font: 85% arial, sans-serif;
text-decoration:none;
}
#menu li a:hover
{
background: #F9F9F9;
text-decoration: underline;
}
.Style1 {
color: #686868;
font-size: 80%;
}
a:link {
color: #686868;
}
a:visited {
color: #686868;
}
a:hover {
color: #686868;
}
a:active {
color: #686868;
}
.Style2 {color: #686868}
-->
</style>
<!-- TemplateBeginEditable name="doctitle" -->
<title>fordd-tranches</title>
<!-- TemplateEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="764" height="559" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
<tr>
<td colspan="3">
<img src="../images/fordd-tranches_01.png" width="769" height="173" alt=""></td>
</tr>
<tr>
<td width="136" valign="top" bgcolor="F9F9F9"><table width="136" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="136" height="347" valign="top" bgcolor="#F9F9F9">
<dl id="menu">
<dt><a href="
[ Lien ]" onclick = "montre('smenu4');">Index</a></dt>
<dt><a href="javascript:void(0);" onclick = "montre('smenu1');" onMouseDown = "montre('smenu1')">La For</a></dt>
<dd id="smenu1">
<ul>
<li><a href="../FORDD/presentation.htm">Présentaion</a></li>
<li><a href="../FORDD/membres.htm">Les Membres </a></li>
</ul>
</dd>
<dt><a href="javascript:void(0);" onclick = "montre('smenu2');">Le Certificat </a></dt>
<dd id="smenu2">
<ul>
<li><a href="../Certificat/presentation.htm">Présentation</a></li>
<li><a href="../Certificat/inscription.htm">Inscription</a></li>
</ul>
</dd>
<dt><a href="../Formations/formations.htm" onclick = "montre('smenu3');">Les formations </a></dt>
<dt><a href="../Espace%20etudiants/etudiants.htm" onclick = "montre('smenu3');">Espace étudiants </a></dt>
<dt><a href="../Contact/contact.htm" onclick = "montre('smenu4');">Contact</a></dt>
</dl></td>
</tr>
</table></td>
<td width="630" valign="top"> <!-- TemplateBeginEditable name="Texte" -->
<!-- TemplateEndEditable -->
<p> </p></td>
<td width="3" bgcolor="#F9F9F9">
</td>
</tr>
<tr>
<td bgcolor="#F9F9F9"> </td>
<td colspan="2" bgcolor="F9F9F9"><div align="center"></div></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>