IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

event.pageX, Event.pageX, Event.clientX, event.x ... ?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    34
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 34
    Par défaut event.pageX, Event.pageX, Event.clientX, event.x ... ?
    Bonjour a tous,

    J'avais un autre sujet ou je parlais de ce sujet mais comme j'étais partie sur un autre truc au depart je fait un vrai sujet dédié au Event.

    Et surtout event avec mozilla et netscape.

    Ma question est simple la reponse doit surement l'etre beaucoup moins.

    Je souhaite dans une fonction indiqué a quel endroit l'utilisateur a cliqué mais je ne sais pas comment faire, j'ai déjà essayé plusieurs forme avec event et rien. ca doit absolument marché avec mozilla et netscape puisque j'ai deja la solution avec IE.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function coordonneeX() // important, il ne doit pas y avoir de parametre
    {
     alert("coordonnee X = " + <- propriété pour avoir le coordonnées X ->)
    }
    J'ai déjà essayé Event et event, avec pageX, clientX, X...

    Merci beaucoup de votre aide

  2. #2
    Membre confirmé Avatar de nicolb
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 184
    Par défaut
    Salut !

    Pour Mozilla, je ne sais pas, mais voici comment capturer la position de la souris sous Netscape :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    function Pos_Souris(e){
    //Détection de la position de la souris
    	var x = e.pageX;
    	var y = e.pageY;
     
    //pour visualiser
    window.status="X="+x+" ; Y="+y;
    }
     
    if(document.getElementById){
    		document.captureEvents(Event.MOUSEMOVE);
    		document.onclick= Pos_Souris;
    	}
    Voilà...
    A+

  3. #3
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    34
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 34
    Par défaut
    salit nicolb,

    Je commence en te remerciant car effectivement ta fonction marche très bien. J'ai juste une petite question dans le code tu affiche la position dans ta fonction, comment puis je faire pour récupérer par exemple la position x car le code ci dessous m'empeche de la récupérer :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.onclick = Pos_Souris;
    je voudrai pouvoir faire un truc du genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    valeurX = Pos_Souris;
    mais bien entendu ceci ne marche pas. Pourrai serait-il possible de m'aider? merci d'avance

  4. #4
    Membre expérimenté Avatar de fred777888999
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    250
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 250
    Par défaut
    Le code n'est pas tres dur a modifier, le plus simple est de passer x et y en variable globales.
    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
     
    var x = 0;
    var y = 0;
    function Pos_Souris(e){
    //Détection de la position de la souris
    	x = e.pageX;
    	y = e.pageY;
     
    //pour visualiser
    window.status="X="+x+" ; Y="+y;
    }
     
    if(document.getElementById){
    	document.captureEvents(Event.MOUSEMOVE);
    	document.onclick= Pos_Souris;
    }
    ...
     
    <a href="#" onClick="alert('('+x+','+y+')')">click</a>
    Ceci dit, c'est du netscape pur...

  5. #5
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    34
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 34
    Par défaut
    Merci pour ta réponse mais j'utilise un logiciel de developpement web (webdev) et cela me bloque pour les variables globales, savez vous s'il y a une autre facon de procéder sans variable globale?

    merci d'avance

  6. #6
    Membre confirmé Avatar de nicolb
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 184
    Par défaut
    Salut !

    Une simple idée, pourquoi à ce moment là, ne passerais-tu pas tes positions x et y aux fonctions qui en ont besoin ? Un truc du genre :
    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
    function Pos_Souris(e){
    //Détection de la position de la souris
    	var x = e.pageX;
    	var y = e.pageY;
    affiche_pos(x,y);
    }
     
    function affiche_pos(x,y){
    window.status="X="+x+" ; Y="+y;
    }
     
    if(document.getElementById){
    		document.captureEvents(Event.MOUSEMOVE);
    		document.onclick = Pos_Souris;
    	}
    Je ne sais pas si cela pourra t'aider, mais sinon, sans utiliser les variables globales, je ne vois pas, car sans ça, par définition, x et y n'existe que dans la fonction Pos_souris()...

  7. #7
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    34
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 34
    Par défaut




    Ca marche super grace a votre aide, un grand merci a tous les deux

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. event.pageX et event.pageY et événement ondrag
    Par blacked dans le forum jQuery
    Réponses: 8
    Dernier message: 02/01/2013, 19h07
  2. Réponses: 4
    Dernier message: 19/11/2011, 17h47
  3. Gérer les events d'un tableau de boutons
    Par lord_kalipsy dans le forum wxWidgets
    Réponses: 7
    Dernier message: 20/10/2004, 10h13
  4. Réponses: 4
    Dernier message: 21/05/2004, 09h13
  5. Accès à une case d'un DBGrid dans l'event OnKeyDown
    Par fba dans le forum Bases de données
    Réponses: 2
    Dernier message: 02/03/2004, 12h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo