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 ...