Discussion :

[laurentSc]

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.

[Invité]

au lieu de onclick, essai onmouseover

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="menutitle" onMouseOver="parent.frmMain.location='URL rubrique 1'; SwitchMenu('sub1')">rubrique 1</div>

[laurentSc]

Ca marche effectivement, mais même trop bien : qd je survole avec la souris, ça affiche bien le sous-menu, mais ça ouvre aussi la page liée à la rubrique ("URL rubrique 1" ds mon exemple) alors que pour ça, je voudrais maintenir le clic ; as-tu aussi une solution pour ça ?

[Invité]

Je ne suis de loin pas expert javascript mais essais quelque chose comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="menutitle" onClick="parent.frmMain.location='URL rubrique 1';" onMouseOver="SwitchMenu('sub1');">rubrique 1</div>

[le_chomeur]

+1