Discussion :

[blueice]

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

[coca25]

Avec un setTimeout ('cacher (ladiv)', x sec); comme derniere instruction de l'evenement onmouseover

[SpaceFrog]

NB: x est en millisecondes ...


elle doit disparaitre même si la souris reste sur le div ?

[blueice]

J'utilise la fonction de DW :

Code javascript :

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

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; }
}

plus simple tu meurs

Code :

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

1
2
 
onmouseover="MM_showHideLayers('Layer4','','show')"

Je balance ca dans la fonction ou dans l'événement ?

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 ?

[SpaceFrog]

dans la fonction ça parait plus simple ...

Code :

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

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)
}
}

[blueice]

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 ?

[SpaceFrog]

vire l'ajout dans la focntion et mets dasn le onmouseout de l'objet:

Code :

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

onmouseout=" setTimeout(function(){ this.style.visibility='hidden';},1000)"