"onmouseout" Mozilla Firefox

**grummly** · 11/07/2007, 14h10

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.

**grummly** · 11/07/2007, 22h53

up

**Shinuza** · 12/07/2007, 00h29

Tu peux poster ton code?

**grummly** · 12/07/2007, 14h55

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 :

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

**FremyCompany** · 12/07/2007, 21h43

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)

"onmouseout" Mozilla Firefox

JavaScript

Discussions similaires

Partager

Partager