mise remise a zero de sous menu
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:
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:
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> |
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
| #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;
} |
Mon probleme est que losqu'on souhaite aller sur le second niveau il est mis a jour par le onmouseout :/
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.
