Discussion :

[WeDgEMasTeR]

Bonjour,

J'aimerai modifier le script vu ici : lien

Pour pouvoir afficher un sous menu.
Je n'y arrive pas, j'aimerai au survole afficher le div sur le coté.

Je sais qu'il existe déjà des scripts comme celui-ci en multi-level.
Mais la plus par sont des listes avec les menu parent lié.
Alors qu'avec ce script je peux placer comme je l'entend chaques menu parent.

Si quelqu'un à une idée comment faire des sous-menu pour ce script.

Merci

[WeDgEMasTeR]

Bon j'ai dupliqué la fonction:

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
function dropdownmenu2(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous menu
//dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
var largeur= dropmenuobj.x-clearbrowseredge(obj, "rightedge") + 150;
dropmenuobj.style.left=largeur+"px"
var hauteur = dropmenuobj.y-clearbrowseredge(obj, "bottomedge");
dropmenuobj.style.top=hauteur+"px"
}
return clickreturnvalue()
}

Pour l'afficher en sous menu.

Code :

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

1
2
3
4
<div onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menu_parent')" class="style2" style='border: 1px solid #DFDFDF;background:#F5F5F5;width:150px' align="center">Menu parent</div>
      <div id="menu_parent" class="anylinkcss">
		<a id="sous_menu" onClick="return clickreturnvalue()" onMouseover="dropdownmenu2(this, event, 'autre')" href="#">lien1</a>
		<a href="#">lien2</a>

Le soucis, c'est que quand je passe la souris sur le menu parent ca execute dropdownmenu, et quand je descend au sous menu, cela execute dropdownmenu2.
Ainsi le sous menu saffiche bien au survole et disparait quand je pointe plus dessus.
mais le menu parent de disparait plus quand, je ne pointe plus la souris sur le menu.
Je dois resurvoler le menu parent pour qu'il disparaisse ensuite.
ceci surement du au dropdownmenu2(this,...

j'aimerai bien un coup de main.