var y = event.clientY; ne s'affiche pas avec Mozilla ?

Version imprimable

Bonjour,
La, je coince !

Code:

1
2
3
4
5
6
7
 
<script>
// Avec MOZILLA seulement, tous les autres navigateurs fonctionnent...
//alert ("popo");        // s'affiche
var y = event.clientY;
alert (y);           // ne s'affiche pas ?
</script>

Merci pour vos lumières.

Code:

1
2
3
4
<div id="hello">
  <p>Bonjour !</p>
  <p>Cliquez-moi !</p>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
window.addEventListener( 'load', function( ev ){
 
  document.querySelector( "#hello" ).addEventListener( 'click', function( ev ){
 
    // debug, console, touche F12
    console.log( "screen : [ ", ev.screenX, ev.screenY, " ]" );
    console.log( "client : [ ", ev.clientX, ev.clientY, " ]" );
 
  });
 
});

28/07/2016, 12h35
malabarbe

Bonjour danielhagnoul,

Désolé, ton code ne tourne pas !

Par contre pour mon soucis, dans le débugueur
Mozilla, j'ai ce message ; "ReferenceError: event is not defined"

Mais pas de soucis dans tout les autres navigateurs.
28/07/2016, 18h07
sekaijin

tu est sur que tu a regardé son code il n'y a pas de event dans le code
il ne peut donc pas y avoir de

Code:

"ReferenceError: event is not defined"

.

A+JYT
28/07/2016, 18h10
malabarbe
Si :
Code:

1 2 var y = event.clientY;

Je ne m'en sort pas, le code complet
celui qui tourne partout sauf Mozilla !!

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
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
 
<html> 
<head> 
 
<!-- Affiche image zoomée --> 
<script type="text/javascript"> 
function image(lien, titre) 
	{ 
		var val = "<img src=" + lien + " alt=\"" + titre + "\" width=\"48\" height=\"60\" border=\"3\"/>"; 
		document.getElementById('principal').innerHTML = val; 
	} 
</script> 
 
<script type="text/javascript">   
function affCache(idpr)
	{   // Cache / Décache DIV		
		var pr = document.getElementById(idpr);
		if (pr.style.display == "") 
			{ pr.style.display = "none"; } 
		else 
			{ pr.style.display = ""; }
 
		// Position du DIV + position souris
		var y = event.clientY; //---------------> Mozilla n'en veut pas !!!					
		principal.style.top = y + -30;
	}
</script>
 
<style>
#principal
	{
	    z-index: 100;
	}
</style>
 
</head> 
 
<body bgcolor="#00FFFF"> 
	<div id="aff" style="display:none; ">
			<span id="principal" style="position:absolute; top:250px; left:120px " ></span> 
	</div>
<!-- Table -->
	<div align="left" style="position:absolute; top:150px; width:100%; " >
		<table border="1" width:100% width="366" >
			<tr>
				<td width="41">123</td>
				<td width="309">
					<img src="images/f0fle.jpg" width="21" height="28" / 			
						onmouseover="affCache('aff'); image('images/f0fle.jpg');"
   	    				onmouseout="affCache('aff'); image('images/f0fle.jpg');" > 
				</td>
			</tr>
			<tr>
				<td width="41">&nbsp;</td>
				<td width="309">&nbsp;</td>
			</tr>
			<tr>
				<td width="41">456</td>
				<td width="309">
					<img src="images/m-f0gnk.jpg" width="21" height="28" / 			
						onmouseover="affCache('aff'); image('images/m-f0gnk.jpg');"
     					onmouseout="affCache('aff'); image('images/m-f0gnk.jpg');" > 
				</td>
			</tr>
	</div>
	<div style="position:absolute; top:-130px; ">
		<a> au Survol photo </a>
	</div>
</body> 
</html>

28/07/2016, 21h33
NoSmoking

Bonjour,
dommage de ne pas avoir analysé l'exemple de danielhagnoul qui fonctionne très bien.

Ce qu'il faut savoir c'est que Mozilla passe un objet event dans les gestionnaires d'évènements et ne dispose pas d'un objet global window.event.

En gros il te faut le mettre en paramètre de la fonction pour pouvoir l'utiliser, voir l'exemple fourni ;).

Nota : j'ai l'impression que cela peut se traiter en CSS !?!
29/07/2016, 08h18
malabarbe

Grace a vos conseils, j'ai réussi a régler mon soucis.

Merci a tous. :lol: