Sahid Ferdjaoui Blog - Funraill Foundation Bienvenue, Log in - thème 2007 RC1

Powered by OpenSource Softwares

Outil de déboggage colaborative
reduire

Drag en Javascript

le 20 mars 2007 par sahid

Faire bouger une fenetre en Javascript

Hier je me suis amusé à faire bouger une div en Javascrypt. Bon il n’y a rien de compliqué, ca peut etre interessant de faire partager ce petit bout de code. Le script actuel gere que une seule fenetre, mais ce qui peut etre interessant c d’utiliser pour le contenu, un chargement dynamique via l’objet XMLHttpRequest.

  1. // mouvement de la fenetre
  2. function drag (ev, o, x, y)
  3. {
  4.         var ev = ev || window.event;
  5.         document.onmousemove = function (ev) {
  6.                 o.style.cursor = “move”;
  7.                 o.style.left = ev.clientX +x;
  8.                 o.style.top = ev.clientY +y;
  9.         }
  10.         document.onmouseup = function (ev) {
  11.                 o.style.cursor = null;
  12.                 document.onmousemove = null;
  13.         }
  14. }

le code

5 commentaires pour Drag en Javascript

  1. carpentier dit :

    C’est génial !

  2. links for 2007-05-04 « Mogore, une femme en or dit :

    […] Drag en Javascript | Sahid Ferdjaoui - Funraill Foundation’blog (tags: javascript billet lang:fr tips programming webmastering) […]

  3. jb dit :

    simple et efficace.

    ça marche pas sur IE, c’est normal?

    merci

  4. kamel ferdjaoui dit :

    slt jé tombé sur ton site comme par asard car on a le meme non moi j’habite en algerie originere de ksar el boukharie

  5. tinel xavier dit :

    comment afficher dans la barre des taches d’internet explorer: la date et l’heure de modification d’une page internet, et ceci de maniere automatique pour chaque page consultée.

    Merci

Tu peux laisser un commentaire pour Drag en Javascript