Bonjour,
je mets en place un menu css deroulant.
ce que je veux, c'est quand on clique sur un element du menu, il me sort son sous menu correpsondant.un deuxieme click masque le sous menu.
le probleme est que tout marche sauf que mon sous menu est affiché à la premiere fois qu'on arrive a la page alors qu'il devrait rester masqué jusu'au click.
j'ai procédé de cette façon
style css
mon javascript
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 <style type="text/css"> #monmenu {} #monmenu UL{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; LEFT: 0px; MARGIN: 0px; POSITION: relative; TOP: -1px } #monmenu ul ul { left: 60px; top: -1px; position: relative; margin:0px; padding: 0px; } #monmenu li { list-style: none; width: 60px;position: relative; } </style>
mon code html
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 <script type="text/javascript"> <!-- function newmenu(cmenu){ if (document.getElementById) { thismenu = document.getElementById (cmenu).style if (thismenu.display =="block" || thismenu.display ==""){ thismenu.display = "none" } else { thismenu.display = "block" } return false } else { return true } } --> </script>
quelqu'un a-t-il une idée svp.
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 <div id="monmenu" id="monmenu"> <ul> <li> <p><label><a href="#" onclick="return newmenu('niveau2')" > <bean:message key="formulaire.menu.exporter" />... </a> </label></p> <span id="niveau2"> <ul class="niveau2"> <li> <p> <small> <a href="#" onClick="exportVersionRTF()"> <html:img page="/images/arrow.gif" width="10" height="10" border="0" /> <bean:message key="formulaire.menu.exporter.rtf" /></a> </small> </p> </li> <li> <p> <a href="#" onClick="exportVersionPDF()"> <html:img page="/images/arrow.gif" width="10" height="10" border="0" /> <bean:message key="formulaire.menu.exporter.pdf"/></a> </p> </li> </ul> </span> </li> </ul> </div>
merci d'avance
Partager