"onmouseout" Mozilla Firefox

Version imprimable

11/07/2007, 14h10
grummly

"onmouseout" Mozilla Firefox

Bonjour,
J'ai associé à une balise <li> un mouseover et un mouseout. Ce li contient une image (balise <img>) et du texte (dans une balise <p>). Au survol du texte seul les traitements du mouseover sont fait. Au survol de l'image, les traitements du du mouseover et du mouseout sont fait. J'ai fait des tests sur IE6 IE7 Opera Safari, ça ne déconne que sur Mozilla.

Comment peut on expliquer qu'au survol de l'image (qui est contenue dans le <li>) le mouseout est déclenché ? (Sachant que cela se passe sur Mozilla Firefox).

Merci pour votre aide.
11/07/2007, 22h53
grummly

up
12/07/2007, 00h29
Shinuza

Tu peux poster ton code?

Voici mon code en très simplifié. Il faut utiliser une image. Au survol du titre ou des zones vides du li, le mouseout n'est pas activé. Au survol de l'image, il est activé.

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
27
28
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<style type="text/css">
			ul{
				width: 400px;
				background-color: silver;
			}
		</style>
		<script type="text/javascript">
			function stop(){
				alert("stop");
			}
			function start() {
				document.getElementById("test").style.backgroundColor = "green";
			}
		</script>
 
	</head>
	<body>
		<ul>
			<li onmouseover="start()" onmouseout="stop()" id="test">
				<h2>Ouai gros</h2>
				<a href="" title="" ><img src="photo.jpg" alt="" /></a>
			</li>
		</ul>
	</body>
</html>

12/07/2007, 21h43
FremyCompany

Bah, FireFox est chiant, c'est tout ;)
Non, en fait c'est prévu par le W3C...

Solution : tester lors du onmouseout si la souris sort vraiment du LI (avec event.toElement, si je me souviens bien)