Bonjour,
j'essaie d'écrire un menu déroulant qui permet de faire apparaitre un premier sous menu puis lorsque on le parcourt un second sous menu apparait.
J'ai réussi à faire apparaitre le premier par contre je n'ai pas d'idée pour faire apparaitre le sous menu suivant.
Est ce que quelqu'un connait ce script qui est souvent utilisé.
Je joins mon code.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<HTML>
<HEAD>
<style type="text/css">
/*menu*/
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu {position: absolute;top: 191px;left: 0;z-index:3;width: 100%;}
#menu dl {float: left;width: 20%;margin: 0 px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold;background: #ccc;border: 1px solid gray;}
#menu dd {border: 1px solid #eee;}
#menu li {text-align: center;background: #fff;font-size: 8pt}
#menu li a, #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu li a:hover, #menu dt a:hover {background: #eee;}
#main700 { position : absolute; top : 700px;width: 100%}
</style>
 
<SCRIPT type="text/javascript">
<!--
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>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="index.php" title="Accueil" name="debut">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Consulter les annonces</dt>
<dd id="smenu1">
<ul>
<li>sousmenu point de depart a un autre menu</li>
<li>sousmenu point de depart a un autre menu</li>
<li>sousmenu point de depart a un autre menu</li>
</ul>
</dd>
</dl>
</div>
</BODY>
</HTML>
Merci de votre aide

pascal