event is not defined

Version imprimable

Bonjour,

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

Dans mon code html j'ai mis :

Code:

<body onmousemove="detectMouse(event)">

Et j'ai la fonction comme ceci
Code:

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:

1 2 <input type="hidden" name="pos_x"> <input type="hidden" name="pos_y">
Mais j'ai une erreur sur ma console javascript

Citation:

event is not defined

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

08/08/2006, 16h37
ldcarpathes

essaye en remplacant event par e...
08/08/2006, 16h44
lodan

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:

document.getElementById('pos_x') has no properties
08/08/2006, 17h55
mappy

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
08/08/2006, 18h16
lodan
Merci pour la belle page blanche avec "test", je passe bien par là

Pour les input :
Code:

1 2 <input type="input" name="pos_x"> <input type="input" name="pos_y">
Il ne se passe rien
08/08/2006, 18h19
mappy

c'est <input type="text".... et pas type="input"
08/08/2006, 18h27
lodan

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"
08/08/2006, 18h35
mappy

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.

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

Mon code est comme cela

Code:

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

08/08/2006, 18h42
mappy

Mets ton code js entre <head> </head> pour voir
08/08/2006, 18h55
lodan

Cela n'a rien changer
08/08/2006, 19h03
mappy

Là je vois pas. Dernière idée pour coller à mon code qui fonctionne : remplace function detectMouse(event) par function detectMouse(e)
08/08/2006, 19h28
lodan

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.
08/08/2006, 19h37
mappy

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>
08/08/2006, 20h03
lodan

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)
08/08/2006, 20h07
mappy

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.
08/08/2006, 20h36
lodan

Je suis sous firefox,

Je viens de tester sous ie cela fonctionne.

Mais mon appli doit fonctionner sous firefox.

Dommage
08/08/2006, 20h40
mappy

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 ;)
08/08/2006, 20h55
FremyCompany
event n'est pas reconnu sous Firefox...

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

1 2 3 4 5 HtmlElement.event=function(e) { // Pour IE : if (!e) {e=event} // ... }
08/08/2006, 22h25
lodan
Euh ! Merci Fremy

C'est quoi ton truc.

Sur le forum, je trouve des choses comme cela
Code:

1 2 var htmlElement = myDocument.documentElement; var bodyElement = htmlElement.getElementsByTagName("body")[0];
Sur d'autres sites

Citation:

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 ?
08/08/2006, 23h19
mdemo

Bonjour,
Fremy a raison : event ne marche pas sous firefox;
Il faut donc que tu fasses ce qu'il a dit, puis que tu changes tes event.x et event.y en e.x et e.y (ou e.clientX et e.clientY que je préfère mais tout dépend de ton besoin).

Bon courage.
09/08/2006, 14h40
FremyCompany

HtmlElement est un type...

Exemple (obj est ici un objet HtmlElement) :

Code:

var obj=document.getElementById("obj_id");

C'est aussi valide pour document...

event est à remplacer par un nom d'evenement (ex: onclick)