Gros problème de onmouseout

**Matgic95** · 12/02/2007, 10h43

J'ai cherché dans différents forum mais je n'ai pas trouvé une solution satisfaisante. Je vous montre mon code et en explique le probleme. Je ne mets pas le css car le problème ne vient pas de là

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
 
Partie HTML
 
<body>
<script type="text/javascript" src="animation.js"></script>
<div id="bloc" onmouseout="disappear()"><!--onmouseleave-->
	<div id="logo" onmouseover="appear()"><div id="logo_img"></div></div>
	<div id="link">
		<li><span class="title">Entreprise Fake</span></li>
		<li><span class="text">blablalblalal</span></li>
		<li><a href="#">www.samsung.fr</a></li>
	</div>
	<div id="services">
		<img src="img/movie.png"/>
		<img src="img/phone.png"/>
		<img src="img/note.png"/>
	</div>
</div>
</body>

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
 
Partie javascript
 
function anim_logo(state)
	{
	if(state==true)
		{
		document.getElementById("link").style.display="none";
		document.getElementById("services").style.display="block";
		}
	else if(state==false)
		{
		document.getElementById("link").style.display="block";
		document.getElementById("services").style.display="none";
		}
	}
 
function appear()
	{
	anim_logo(true);
	}
 
function disappear()
	{
	anim_logo(false);
	}

Ce que je veux que ca fasse:
Passer sur le logo et que celui-ci fasse disparaitre le div link et apparaitre le div services par une animation (dont le probleme vient d'etre resolu sur le forum)- Cette partie marche
Ensuite lorsque que je quitte le div bloc qui contient tout, je voudrais que e div services disparaisse et laisse ca place au div link

Problème:
Lorsque je quitte le logo, le div bloc déclenche l'événément onmouseout

Solution partielle:
Sous IE il existe l'événement onmouseleave, c'est exactement cela que je veux mais il me faudrait un équivalent pour Firefox

**SpaceFrog** · 12/02/2007, 11h13

je ne comprends pas ce que tu veux faire ?

tu y ajoutes le code de fading ?

**Matgic95** · 12/02/2007, 11h16

Oui je vais le rajouter après, en fait j'ai deja fait pas mal de test et je recommence depuis le début afin d'avoir un code propre.
J'avai deux problèmes, le fading sous IE et celui de la détection du onmouseout.

Le problème de fading est résolu (merci) mais maintenant ya le onmouseout qui se déclenche dès que je quitte le div logo et non lorsque je quitte le div bloc.

J'ai peut-etre une idée car j'avais deja remarque que si je remplace

Code :

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

1
2
 
<div id="bloc" onmouseout="disappear()">

par

Code :

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

<div id="bloc" onmouseout="disappear()" onmouseover="appear()">

Mais le problème c'est que vu que j'ai une fonction de fading, cela va se voir puisque l'animation va se relancer

Donc je pense à une solution de lancer une fonction stay() à la place du appear() pour l'événement onmouseover.
Ca peut peut etre marche, je vais tester.
Si vous avez des idées, n'hésitez pas

**SpaceFrog** · 12/02/2007, 11h23

ha ça y'est pigé ... pfff les enurones du lundi matin ne sont plus ce qu'ils étaient ...

en fait lorsque tu passes sur les sous divs, il considère que tu quittes le div ...

la seule solutin que je verrais dans ton cas c'est de mattre une variable flag à true lorsque tu quittes vraiment le div et la mettre à fasle lorsque tu passes sur les sous div ... et lancer un test sur le variable en première ligen de la fonction de disparition ...