J'ai une menu horizontal a deux niveau.
Au survole du premier niveau du nemu le second niveau se met a jour, lorsque l'on sort j'aimerai mettre a zero les lien du second niveau par rapport a la la page actuelle.
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 <script language="javascript" type="text/javascript"> <!-- var default_page_cat = 1; //sera mis a jour a la creation de la page en php var submenu_content = Array (' ', '<a href="#">Actus</a> | <a href="#">Matos</a>', '<a href="#">Jeux</a> | <a href="#">Goodies</a>', '<a href="#">Promo</a> | <a href="#">P-A</a>', ) function submenu(page_cat) { var submenu_layer = document.getElementById('submenu'); if (!page_cat && page_cat!=0) { page_cat = default_page_cat; } submenu_layer.innerHTML = submenu_content[page_cat]; } //--> </script>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="menu_block" onmouseout="submenu(default_page_cat)"> <ul id="navlist" class="menu"> <li><a href="#" class="lvl1" onmouseover="submenu(1)">News</a></li> <li><a href="#" class="lvl1" onmouseover="submenu(2)">Jeux/Goodies</a></li> <li><a href="#" class="lvl1" onmouseover="submenu(3)">Promo</a></li> </ul> <div id="submenu"> </div> </div>Mon probleme est que losqu'on souhaite aller sur le second niveau il est mis a jour par le onmouseout :/
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 #menu { background: #fff; } ul.menu { list-style-type: none; margin:0; padding:0; width: 100%; display: block; } ul.menu li { float: left; } .menu a { width: 100px; height: 20px; float: left; display: block; text-align: center; border: 1px solid #fff; text-decoration: none; color: #fff; background: #000; } .menu a:hover { color: #411; background: #aaa; border: 1px solid gray; border-bottom: 0px; color: #fff; } #submenu span a { color: #f000; text-decoration: none; } #submenu { clear: both; }
enfin en gros ca marche trop pas.
quelqu'un aurait une idée pour fair ce que je veux?
merci d'avance atous ceux qui vont lire et reflechir a mon problème.
Partager