Salut a tous , bon j'aurais besoins d'un coup de main , je cherche a anihiler le survol sur une div mais malgrès l'appel de l'évènement , l'action définit dans la li mètre est appelée voici le code :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<style type="text/css">
			.imageList{
				width:120px;
			}
			.imageList li{
				position:relative;
				overflow:hidden;
				height:120px;
				border:1px solid #666;
			}
			.actionImg{
				border-top:1px solid #666;
				width:100%;
				display:block;
				height:34px;
				position:absolute;
				left:0px;
			}
		</style>
 
		<script type="text/javascript">
			var timer = null;
			function seeActionImage(elementToSee,voir){
				var MaDiv = elementToSee.getElementsByTagName('div')[0];
				if(timer == null){
					timer = setInterval(function(){openAction(MaDiv,voir)},10);
				}
			}
			function openAction(MaDiv,voir){
				if(voir && parseInt(MaDiv.style.bottom) < 0){
					MaDiv.style.bottom = parseInt(MaDiv.style.bottom)+4 +"px";
				}
				else if(!voir && parseInt(MaDiv.style.bottom) > -34){
					MaDiv.style.bottom = parseInt(MaDiv.style.bottom)-4 +"px";
				}
				else{
					clearInterval(timer);
					timer = null;
				}
			}
 
 
			function load() {
				elem2 = document.getElementById("tbl1");
				elem2.addEventListener("mouseover", stopEvent, false);
				elem2.addEventListener("mouseout", stopEvent, false);
			}
 
			function stopEvent(ev) {
			  //On stop les évènements pour les enfants
			  ev.stopPropagation();
			  document.getElementById('debug').innerHTML += "<br />"+ev.type ;
			}
 
		</script>
	</head>
	<body onload="load()">
		<ul class="imageList">
		<li onmouseover="seeActionImage(this,true);" onmouseout="seeActionImage(this,false);" id="tbl1">
			<img src="images/im5.jpg" width="120px" />
			<div class="actionImg" id="laDiv" style="bottom:-34px;">
				<img src="commentaire.png" width="30px" />
			</div>
		</li>
		</ul>
		<div id="debug"></div>
	</body>
</html>
je souhaite au final pouvoir survolé mon image , et que la barre en bas apparaisse et clické sur les icones ... la barre de menu ne doit partir qu' mouseout du li ...