popup sur position souris

Version imprimable

salut à tous

J'ai un soucis pour une ouverture de popup à la position de mon clic sur le lien

j'ai un lien vers ma popup :

Code:

1
2
3
4
 
<a href=\"javascript:OuvrirPopup('modif_technos.php',
 '', 'resizable=yes, location=no, width=300, height=100, menubar=no, status=no,
 scrollbars=no, menubar=no',this)\"><img src='img/modif.gif' border=0></a>

et je teste ce début de fonction mais rien à faire il me renvoit tjrs undefined !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function OuvrirPopup(page,nom,option,e)
{
  var x;
  var y;
  if(navigator.appName.substring(0,3) == "Net") {x = e.pageX;} 
  else {x=event.x+document.body.scrollLeft;}
 
  if(navigator.appName.substring(0,3) == "Net") {y=e.pageY;}
  else {y=event.y+document.body.scrollTop;}
 
  alert(x+"/"+y);
 
  //var opt = option+"top="+y+",left="+x;	
  //window.open(page,nom,opt);
}

je ne comprends pas ...

lerci pour votre aide

@+

bonjour,

il y a une erreur dans un paramètre. Ce n'est pas this (objet appelant) mais event qu'il faut transmettre :
Code:

1 2 3 4 OuvrirPopup('modif_technos.php', '', 'resizable=yes, location=no, width=300, height=100, menubar=no, status=no, scrollbars=no, menubar=no',event)

16/10/2006, 21h34
philippe123
Citation:
Envoyé par Auteur

bonjour,

il y a une erreur dans un paramètre. Ce n'est pas this (objet appelant) mais event qu'il faut transmettre :

Code:

1 2 3 4 OuvrirPopup('modif_technos.php', '', 'resizable=yes, location=no, width=300, height=100, menubar=no, status=no, scrollbars=no, menubar=no',event)
salut

quand je mets event en parametre la fct plante... c'est pour ca que je m'étais rabattu sur le this.

je suis vraiment perdu !
17/10/2006, 09h04
guy777

Sous quel navigateur est-tu ? Netscape ?

Sinon en modifiant légèrement :

Code:

<a href="#" onClick="OuvrirPopup('modif_technos.php', '', 'resizable=yes, location=no, width=300, height=100, menubar=no, status=no, scrollbars=no, menubar=no',event)"><img src="image.gif"/></a>

j'ai le alert qui s'affiche avec ses coordonnées...

Personnellement pour Firefox et IE j'utilise clientX et clientY (le code ci-dessous fonctionnne sous IE et Firefox)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function posSouris(ev)
{
  var Xfen, Xdoc, Yfen, Ydoc, el;
  Xfen = ev.clientX;
  Xdoc = Xfen + document.body.scrollLeft;
 
  Yfen = ev.clientY;
  Ydoc = Yfen + document.body.scrollTop;
  el = document.getElementById("idMouse");
 
  el.innerHTML = " Xdoc= "+Xdoc+" px ; Ydoc= "+Ydoc+" px<br>";
  el.innerHTML+= " Xfen= "+Xfen+" px ; Yfen= "+Yfen+" px";
}

codeHTML :

Code:

1
2
3
4
5
6
 
<body onmousemove="position(event)">
 
<div id="idMouse"></div>
 
</body>

17/10/2006, 11h25
guy777

As tu teste ce que je t'ai donné ?