Gros problème de onmouseout
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:
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:
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
