Bonjour,

Ma page est composée de deux DIV :
- Div 1, toujours visible
- Div 2, div caché lors du chargement de la page.

Grâce aux effets Effect.BlindUp et Effect.BlindDown de ScriptAculous, j'ai pu faire en sorte que lorsque on passe la souris sur Div1, Div2 s'affiche avec un petit effet. Et quand on enlève la souris de sur Div1, Div2 disparait.

Ceci marche sauf que j'ai un bug. Si je m'amuse à mettre la souris sur Div1 et de l'enlever très rapidement (pendant que div2 apparait), mon animation se bloque... (je suis obligé de recharger la page pour que cela remarche)

Voici un lien de démo: http://triskelios.free.fr/test

Avez-vous des idées pour résoudre mon problème ?
Merci d'avance

Voici le code de la page :
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
33
 
<html>
<head>
   <title>Essai</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <script src="js/lib/prototype.js" type="text/javascript"></script>
   <script src="js/src/scriptaculous.js" type="text/javascript"></script>
 
   <script type="text/javascript">
	   function cache(element)
	   {
		   Effect.BlindUp(element); 
		   return false;
	   }
 
	   function montre(element)
	   {
		   Effect.BlindDown(element); 
		   return false;
	   }
 
   </script>
 
</head>
<body>
 
 
<div id="madiv1" onMouseOver="montre('madiv2');" onMouseOut="cache('madiv2');" style="background:#ffcccc; width:100px; height:100px; font-size: 24pt;">1</div>
<div id="madiv2"   style="background:#ffcccc; width:100px; height:100px; font-size: 24pt; display: none;">2</div>
 
 
</body>
</html>