Sur un événement onmouseover, je fais apparaître une div et je voudrais qu'au bout de x secondes cette div redisparaisse d'elle-même, comment je dois faire ?
Merci d'avance
Version imprimable
Sur un événement onmouseover, je fais apparaître une div et je voudrais qu'au bout de x secondes cette div redisparaisse d'elle-même, comment je dois faire ?
Merci d'avance
Avec un setTimeout ('cacher (ladiv)', x sec); comme derniere instruction de l'evenement onmouseover
NB: x est en millisecondes ...
elle doit disparaitre même si la souris reste sur le div ?
J'utilise la fonction de DW :
plus simple tu meurs :roll:Code:
1
2
3
4
5
6
7 function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } }
Je balance ca dans la fonction ou dans l'événement ?Code:
1
2 onmouseover="MM_showHideLayers('Layer4','','show')"
Pour ce qui est du fait de ne pas disparaître lorsque la souris reste dessus, ca dépend si c'est simple à mettre en place ?
dans la fonction ça parait plus simple ...
Code:
1
2
3
4
5
6
7
8 function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; setTimeout(function(){ obj.visibility=h;},1000) } }
Ca marche comme je veux le coup du timeout mais j'ai voulu faire plus simple, lorsque l'on passe sur une zone, le menu apparaît et lorsque l'on sort du menu il disparaît.
MAIS ! maintenant lorsque je passe sur un lien dans le menu il se ferme également !!
Et plutôt qu'un long discours voici l'exemple (c'est la zone rouge !) :
http://www.dimension-internet.com/showhide.html
Une idée ?
vire l'ajout dans la focntion et mets dasn le onmouseout de l'objet:
Code:onmouseout=" setTimeout(function(){ this.style.visibility='hidden';},1000)"