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>

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager