Menu deroulant en javaScript
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:
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
