Discussion :

[gloubi]

Voici une petite fonction censé me faire apparaitre une popup dont le contenu se charge via ajax quand on click sur un truc (appelé donc par l'evenements onclick)... Elle est faite a base de bricolage a moi et d'extraits de tuto...

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
	function 
 
montre(id_inscription, suparam) {
	{
 		GetId("curseur").innerHTML = '<center><img border="0" src="./img/sablier.gif"></center>';
		if (navigator.appName!="Microsoft Internet Explorer") 
		{ // Si on est pas sous IE
			GetId("curseur").style.left=e.pageX + 5+"px";
			GetId("curseur").style.top=e.pageY + 10+"px";
		}
		else 
		{ 
			if(document.documentElement.clientWidth>0) 
			{
				GetId("curseur").style.left=-380+event.x+document.documentElement.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
			} 
			else 
			{
				GetId("curseur").style.left=-380+event.x+document.body.scrollLeft+"px";
				GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
 
 
	   GetId("curseur").style.visibility="visible"; 
	   getXhr();
		xhr.open("POST","./ajax_recap.php",false);
		xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		xhr.send("id_inscription="+id_inscription+suparam);
		GetId("curseur").innerHTML = '<div style="text-align:right;"><a href="javascript:cache();" class="blue">{texte=18}</a></div>'+xhr.responseText;
	  i=true;
 
	}

Elle marche très bien sous IE, mais pas firefox... le problème :

e is undefined
GetId("curseur").style.left=e.pageX + 5+"px";

A la limite, ça, je peut le comprendre puisque e sort vraiment de nul part la ou event semble etre un objet pré-instancié sous IE... Ma question est donc, comment récupérer dans cette fonction et sous FireFox les propriétés de l'event qui a declanché l'appel ?

En vous remerciant par avance

[le_chomeur]

il te manque la méthode getId(...) solution :

créer une méthode de ce type :

function getId(MyElement){
return document.getElementById(MyElement);
}

sois remplace getId par document.getElementById

Voila

[pc.bertineau]

peux-tu nous montrer l'appel de ta fonction ?
Pour moi tu dois passer l'évènement en argument...

appel :

Code :

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

montre(id_inscription, suparam, event)

fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
montre(id_inscription, suparam, event)
{
    var e = null;
    if (window.event)    //si IE
        e = window.event;
    else                      //si autre navigateur
        e = event;
 
    ....
}

tu peux aussi aller voir par là..

[gloubi]

il te manque la méthode getId(...) solution :

créer une méthode de ce type :

function getId(MyElement){
return document.getElementById(MyElement);
}

sois remplace getId par document.getElementById

Voila

Lol non, c'est juste que j'ai pas mis la fonction GetID() dans mon copier / coller, sinon, ça ne marcherai pas sous IE non plus :p

Ziggotos, j'ai ajouter l'appel e = event dans la fonction et a l'appel, ça a l'air de bien fonctionner sous FF maintenant :p

Dois-je comprendre que sous FF, l'objet event existe aussi mais n'est pas accessible dans les fonctions ? Décidement, le JS est vraiment une science obscure pour oim !

Merci à vous !

[Auteur]

Sous IE l'objet event est un objet window (window.event)
Par contre sous FF, event est un objet à part entière, qui ne dépend pas de window.

Le mieux est de placer l'objet event dans les paramètres de la fonction appelée :

Code html :

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

1
2
 
<input type="button" value="Bouton" onclick="LaFonction(event)" />

Code javascript :

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

1
2
3
4
5
 
function LaFonction(ev)
{
   alert(ev.type);
}

ce code fonctionne aussi bien sous IE que sous FF, il n'y a donc pas besoin de faire de tests dans la fonction.

[gloubi]

Ok merci, super conseil ^^