event is not defined

**lodan** · 08/08/2006, 15h52

Bonjour,

Dans mon programme, j'ai prévu de récupérer la position de curseur

Dans mon code html j'ai mis :

Code :

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

<body onmousemove="detectMouse(event)">

Et j'ai la fonction comme ceci

Code :

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

1
2
3
4
5
6
7
<script type='text/javascript' language='Javascript' >
	function detectMouse(e)
	{
	document.getElementById('pos_x').value = event.x
	document.getElementById('pos_y').value = event.y
	}
</script>

J'ai aussi positionné

Code :

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

1
2
<input type="hidden" name="pos_x">
<input type="hidden" name="pos_y">

Mais j'ai une erreur sur ma console javascript

event is not defined

Aurais-je oublié quelque chose ?
<input type="hidden" name="pos_x">

**ldcarpathes** · 08/08/2006, 16h37

essaye en remplacant event par e...

**lodan** · 08/08/2006, 16h44

Je me suis dit que changer event par e ou e par event revenais au même, alors j'ai changé e par event.

Et maintenant, il me dit pas très content

Code :

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

document.getElementById('pos_x') has no properties

**mappy** · 08/08/2006, 17h55

si tu as laissé tes deux inputs visibles, le mouvement de la souris devrait afficher les coordonnées du pointeur dans ces deux inputs.
Laisse Event dans l'appel de ta fonction, tu le recupéres avec ce que tu veux. (e par exemple)
Un truc : mets document.write('test') dans ta fonction. Tu verras déjà si elle est bien appelée. Si test s'affiche tu peux donc virer la ligne.
Remets les inputs en text, pour vérifier le bon déroulement

**lodan** · 08/08/2006, 18h16

Merci pour la belle page blanche avec "test", je passe bien par là

Pour les input :

Code :

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

1
2
<input type="input" name="pos_x">
<input type="input" name="pos_y">

Il ne se passe rien

**mappy** · 08/08/2006, 18h19

c'est <input type="text".... et pas type="input"

**lodan** · 08/08/2006, 18h27

Moi... je vais très bien, c'est mon clavier qui ne fait pas ce que je lui demande.

Bon, j'ai retirer ma page blanche, elle s'affichait systématiquement..normale.

et toujours rien dans mes "input"

**mappy** · 08/08/2006, 18h35

event is not defined : le problème vient de l'appel sans aucun doute.
Tu as bien mis l'appel dans le body je suppose.
J'utilise cette fonction pour appeler une petite popup et ca marche.

**lodan** · 08/08/2006, 18h39

Oui mon appel fonctionne puisque j'ai bien ma page "test"

Mon code est comme cela

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<body onmousemove="detectMouse(event)">
<script type='text/javascript' language='Javascript' >
	function detectMouse(event)
	{
//	document.write('test') // permet de tester si on passe par là, il affiche une page blanche avec le mot test
	document.getElementById('pos_x').value = event.x
	document.getElementById('pos_y').value = event.y
	}
</script>
<form name="maj" id="table" action="{$current_page}" method="post" onsubmit="return Validator.Submit(document.maj,'test()');">
<input type="hidden" name="id_trt" value="{$cpt_banque.id_trt}">
<input type="text" name="pos_x">
<input type="text" name="pos_y">

**mappy** · 08/08/2006, 18h42

Mets ton code js entre <head> </head> pour voir

**lodan** · 08/08/2006, 18h55

Cela n'a rien changer

**mappy** · 08/08/2006, 19h03

Là je vois pas. Dernière idée pour coller à mon code qui fonctionne : remplace function detectMouse(event) par function detectMouse(e)

**lodan** · 08/08/2006, 19h28

Il me remet event is not defined dans ce cas

Si cela fonctionne chez toi, c'est qu'il y a quelque chose bien évidemment que l'on ne voit pas.

**mappy** · 08/08/2006, 19h37

voici mon code épuré. Crée une page et mets le.

<html>
<head>
<script language="javascript">
function detectMouse(e)
{

document.getElementById('zone').value = event.x
document.getElementById('zone1').value = event.y
}

//------------------------------------------------
</script>
</head>
<body oncontextmenu="return false;" onmousemove="detectMouse(event)" scroll="no" >
<form>
<input id="zone" type="hidden" />
<input id="zone1" type="hidden" />
</form>
</body>
</html>

**lodan** · 08/08/2006, 20h03

J'ai juste passé les hidden en text

Et je ne vois rien dans ces champs, devrais-je voir quelque chose dans ces champs

J'ai oncontextmenu qui n'est pas reconnu et scroll également, ils sont en rouge dans mon éditeur (golive cs2)

**mappy** · 08/08/2006, 20h07

j'ai l'impression que le js n'est pas activé sur ton ie.
Ou golive n'interprete pas le js.
Crée une page html avec un autre éditeur et lance là en stand alone.

**lodan** · 08/08/2006, 20h36

Je suis sous firefox,

Je viens de tester sous ie cela fonctionne.

Mais mon appli doit fonctionner sous firefox.

Dommage

**mappy** · 08/08/2006, 20h40

on dit beaucoup de mal d'IE, certes y a des bugs mais ca reste une valeur sûre comme plateforme. Je sais, y en a qui ne seront pas d'accord avec moi

**FremyCompany** · 08/08/2006, 20h55

event n'est pas reconnu sous Firefox...

pour l'obtenir, il faut utiliser le javascript...

Code :

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

1
2
3
4
5
HtmlElement.event=function(e) {
    // Pour IE :
    if (!e) {e=event}
    // ...
}

**lodan** · 08/08/2006, 22h25

Euh ! Merci Fremy

C'est quoi ton truc.

Sur le forum, je trouve des choses comme cela

Code :

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

1
2
var htmlElement = myDocument.documentElement;
		var bodyElement = htmlElement.getElementsByTagName("body")[0];

Sur d'autres sites

HtmlElement représente tout type d'élément possible dans un document HTML, tel que BODY, TABLE et FORM entre autres. La classe expose les propriétés les plus communes que vous pourrez trouver sur tous les éléments.

Bref, ce qu'il faut faire c'est :

HtmlElement.event=function(e) {
// Pour IE :
if (!e) {e=event}
function detectMouse(event)
{
document.getElementById('pos_x').value = event.x
document.getElementById('pos_y').value = event.y
}
// ...

C'est cela ?

event is not defined

JavaScript

Discussions similaires

Partager

Partager