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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : 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">
.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 : 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
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.