supprimer un clic pour faire apparaître une sous-rubrique
Bonjour,
je souhaiterais modifier le code suivant qui gère un menu avec des rubriques et des sous-rubriques : aujourd'hui, pour faire apparaître les sous-rubriques, il faut cliquer sur la rubrique ; je voudrais les faire apparaître par un simple survol avec la souris de la rubrique (et disparaître si la souris s'en va), mais je ne sais pas faire. Je donne le code actuel, pour qu'on puisse éventuellement m'aider. Code actuel :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <div id="masterdiv">
<!-- affichage d'une rubrique (frmMain est une frame) -->
<div class="menutitle" onclick="parent.frmMain.location='URL rubrique 1'; SwitchMenu('sub1')">rubrique 1</div>
<!-- Affichage de sous-rubriques -->
<span class="submenu" id="sub1">
- <a href="URL sous-rubrique 1">blabla 1</a><br>
- <a href="URL sous-rubrique 2">blabla 2</a><br>
- etc...
</span>
<!-- et rebelote pour les rubriques suivantes -->
</div> |
(Je ne connais pas l'explication de "masterdiv")
Code de la classe :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:#FFFFFF;
color:#00A336;
width:140px;
padding:1px;
text-align:left;
font-weight:bold;
font-family: 'tahoma';
font-size:8pt;
border:0px solid #20722F;
</style>
} |
Code de la fct javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| function SwitchMenu(obj){
if(document.getElementById)
{
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block")
{
for (var i=0; i<ar.length; i++)
{
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}
else
{
el.style.display = "none";
}
}
} |
Je sais que je demande bcp, mais l'aide me serait précieuse.
