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 :

glisser déplacer et passage d'événement


Sujet :

JavaScript

  1. #1
    Membre du Club
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    65
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 65
    Points : 61
    Points
    61
    Par défaut glisser déplacer et passage d'événement
    Bonjour.

    Afin de faire un glisser-déplacer sur un élément div (genre une petite fenêtre) j'ai commencé par une fonction javascript déclanchée "onmousemove" et dont voici le code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    function glisser(e)
    {
    	var tel=document.getElementById("telephone");
    	tel.style.left=e.clientX;
    	tel.style.top=e.clientY;
    	setTimeout("glisser(e)",100)
    }
    Cette fonction fait que la petite fenêtre suit le mouvement de la souris. Le problème est que j'ai la console javascript (sous Firefox 2.0.0.3) me dit: "e has no properties": cequi veut dire qu'elle ne reconnait pas e

    Quelqun aurait il une solution clean ?

    Merci d'avance.

  2. #2
    Membre du Club
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    65
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 65
    Points : 61
    Points
    61
    Par défaut
    Bon! merci comme même pour ceux qui ont eu l'intention d'aider.

    J'ai fini par trouver. J'ai juste enlevé la ligne où il y a le settimeout (elle ne servait à rien) et j'ai fait ce qui suit:

    • J'ai fait une variable glisse initialisée à false pour signaler s'il y a une opétaion de glisser déplacer en cour ainsi que deux variables X etY pour contenir les anciennes coordonnées de la souris
    • Dans le body j'ai fait
      Code : Sélectionner tout - Visualiser dans une fenêtre à part
      1
      2
      3
      onmouseup="glisse=false;"
      onmousedown="return false;"
      onmousemove="glisser(event);"
    • Dans l'élément div il y a un tableau dont le header joue le rôle de la barre qui permet de déplacer la fenêtre. Dans ce header j'ai mis:
      Code : Sélectionner tout - Visualiser dans une fenêtre à part
      onmousedown="captureXY(event);"
    • Le code de la fonction glisser:
      Code : Sélectionner tout - Visualiser dans une fenêtre à part
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      function glisser(e)
      {
      	if(!glisse)	return;
      	var fen=document.getElementById("fenetre");
              /* fenetre est l'id de la div */
      	var vx=e.clientX;
      	var vy=e.clientY;
      	fen.style.left=fen.offsetLeft+vx-X;
      	fen.style.top=fen.offsetTop+vy-Y;
      	X=e.clientX;
      	Y=e.clientY;
      }
    • Et le code de la fonction captureXY, celle ci sert seulement à initialiser les anciennes coordonnées de la souris au moment du click sur la barre de la div.
      Code : Sélectionner tout - Visualiser dans une fenêtre à part
      1
      2
      3
      4
      5
      6
      function captureXY(e)
      {
      	X=e.clientX;
      	Y=e.clientY;
      	glisse=true;
      }


    Et ça marche

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

Discussions similaires

  1. [C#] Deplacement fenêtre par glisser-déplacer
    Par Tips dans le forum Windows Forms
    Réponses: 1
    Dernier message: 08/09/2006, 17h25
  2. [VBA-E] réaliser un glisser-déplacer dans une listbox
    Par bandit boy dans le forum Macros et VBA Excel
    Réponses: 74
    Dernier message: 07/04/2006, 13h10
  3. [VB.NET] Glisser déplacer (DragDrop)
    Par Sytchev3 dans le forum Windows Forms
    Réponses: 3
    Dernier message: 01/02/2006, 16h52
  4. Glisser-déplacer: Comment le "perçoit" windows
    Par méphistopheles dans le forum Windows
    Réponses: 2
    Dernier message: 07/09/2005, 11h47
  5. []Faire un glisser-déplacer qui marche.
    Par méphistopheles dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 06/09/2005, 21h28

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