Délai d'ouverture sur un menu jQuery (jsddm)

Version imprimable

Bonjour à tous,

J'aimerai pouvoir temporiser avant l'ouverture de mon menu.

Voilà mon code qui ouvre et ferme mon menu :

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
// Drop Down menu (jsddm)
 
		var timeout    = 500;
		var closetimer = 0;
		var ddmenuitem = 0;
 
		function jsddm_open()
		{  jsddm_canceltimer();
		   jsddm_close();
		   ddmenuitem = ($(this).find('ul').css('visibility', 'visible'), timeout);}
 
		function jsddm_close()
		{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
 
		function jsddm_timer()
		{  closetimer = window.setTimeout(jsddm_close, timeout);		
		}
 
		function jsddm_canceltimer()
		{  if(closetimer)
		   { 
 
		   window.clearTimeout(closetimer);
			  closetimer = null;	  
			  }}
 
		$(document).ready(function()
		{  $('#jsddm > li').bind('mouseover', jsddm_open)
		   $('#jsddm > li').bind('mouseout',  jsddm_timer)});
 
		document.onclick = jsddm_close;

J'ai peu de connaissances en Javascript.
Merci à tous pour votre aide.
Cordialement.
Sébastien.

08/11/2012, 13h52
Bovino

Code:

ddmenuitem = ($(this).find('ul').css('visibility', 'visible'), timeout);

Il manquerait pas le nom de la fonction que tu souhaites appeler avec ces paramètres par hasard ?

Bonjour à tous,

J'ai trouvé une solution pour ceux que ça intéresse :

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
 
// Drop Down menu (jsddm)
		var timeout    = 500;
		var closetimer = 0;
		var ddmenuitem = 0;
 
		function jsddm_open()
		{  jsddm_canceltimer();
 
		   jsddm_close();
		   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
 
 
		function jsddm_close()
		{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
 
		function jsddm_timer()
		{  closetimer = window.setTimeout(jsddm_close, timeout);		
		}
 
		function jsddm_canceltimer()
		{  if(closetimer)
		   { 
 
		   window.clearTimeout(closetimer);
			  closetimer = null;
 
			  }}
 
$(function() {
$('#jsddm > li').hoverIntent(jsddm_open, jsddm_timer);
document.onclick = jsddm_close;
});

Cordialement.
Sébastien.