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

**malabarbe** · 28/07/2016, 11h04

Bonjour,
La, je coince !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**danielhagnoul** · 28/07/2016, 11h56

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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, " ]" );
 
  });
 
});

**malabarbe** · 28/07/2016, 12h35

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.

**sekaijin** · 28/07/2016, 18h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 "ReferenceError: event is not defined"

.

A+JYT

**malabarbe** · 28/07/2016, 18h10

Si :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var y = event.clientY;

**malabarbe** · 28/07/2016, 19h55

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

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

**NoSmoking** · 28/07/2016, 21h33

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

**malabarbe** · 29/07/2016, 08h18

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

Merci a tous.

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

JavaScript

Discussions similaires

Partager

Partager