Discussion :

[Renand]

Bonjour,

voilà j'ai récupéré un script qui me permet d'afficher un bloc au survol d'un lien, puis de le refermer si j'en sort :

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
23
24
25
26
27
28
29
30
31
32
 
var timeout    = 0;
var closetimer = 0;
var ddmenuitem = 0;
 
function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = jQuery(this).find('.sub').css('display', 'block');
    closeSmallPopUp();
}
 
function jsddm_close() {
    if(ddmenuitem) ddmenuitem.css('display', 'none');
}
 
function jsddm_timer() {
    closetimer = window.setTimeout(jsddm_close, timeout);
}
 
function jsddm_canceltimer() {
    if(closetimer) {
        window.clearTimeout(closetimer);
	closetimer = null;
    }
}
 
 
jQuery(document).ready(function() {
    jQuery('.menuLink').bind('mouseover', jsddm_open)						
    jQuery('.menuLink').bind('mouseout',  jsddm_timer)	
});

il est super réactif, tellement réactif d'ailleurs que je cherche à temporiser l'ouverture par rapport à l'événement mouseover...

Auriez-vous une idée ?

Merci

[jonny_the_dog]

pourquoi ne pas temporiser pas une animation ?

[Renand]

Bonjour
En fait y'a pas mal de données dans le bloc en lui même et du coup en animation c'est pas très fluide...

la je cherche juste à limiter les ouvertures accidentelles d'un visiteur dont la souris passerait sur le lien.

[devyan]

Bonjour,

Bonjour
En fait y'a pas mal de données dans le bloc en lui même et du coup en animation c'est pas très fluide...

la je cherche juste à limiter les ouvertures accidentelles d'un visiteur dont la souris passerait sur le lien.

J'allais te répondre :"Dans ce cas utilises un timer pour retarder l'affichage" mais je viens de voir que ton script en a déjà un

Changes la valeur de timeout (0ms c'est un peu court comme retard à l'affichage )

devyan

[danielhagnoul]

Bonsoir.

N'utilisez pas mouseover et mouseout mais mouseenter et mouseleave.

Voir la démo en fin de http://api.jquery.com/mouseover/.

[Renand]

Bonsoir.

N'utilisez pas mouseover et mouseout mais mouseenter et mouseleave.

Voir la démo en fin de http://api.jquery.com/mouseover/.

Merci, je ne connaissais pas ces événements. D'un point de vue réactivé ça ne change rien de fait. J'imagine qu'il faut aussi intégrer un délai ou quelques choses permettant de ne pas exécuter l'action d'ouverture si la durée de présence sur le bouton est trop courte, non ?

[Renand]

Bonjour,


J'allais te répondre :"Dans ce cas utilises un timer pour retarder l'affichage" mais je viens de voir que ton script en a déjà un

Changes la valeur de timeout (0ms c'est un peu court comme retard à l'affichage )

devyan

Bonjour en fait le timer est la pour maintenir ouvert le block en moment de la fermeture. Je souhaiterais de mon coté que le block s'ouvre uniquement si le visiteur reste sur le lien, mais pas à chaque survol.

[devyan]

Bonjour en fait le timer est la pour maintenir ouvert le block en moment de la fermeture. Je souhaiterais de mon coté que le block s'ouvre uniquement si le visiteur reste sur le lien, mais pas à chaque survol.

Au temps pour moi, j'ai mal vu (il "tait tard)

Cependant la remarque reste bonne...

Pour obtenir un délai avant ouverture, et bien utilises un timer.

1. MouseEnter déclenche un timer qui devra déclencher l'affichage
2. MouseLeave annule le timer et cache l'élément si il est affiché

Je ne rentre pas plus dans le détail de la réalisation, tu as l'autre timer comme exemple
devyan