Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2623 connectés 

 


Dernière réponse
Sujet : [DHTML Drag & Drop] pour ceux qui posent toujours des questions
masklinn

p@radox a écrit :

ok merci bien et pour mozilla firefox ?


tous les navigateurs autres que MSIE [:aloy]  
(Mozilla Firefox, Opera, Safari, Konquerror, iCab, ...)
 
Accessoirement, la balise [fixed] c'est pas fait pour les chiens [:itm]


Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse


[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 

Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
masklinn

p@radox a écrit :

ok merci bien et pour mozilla firefox ?


tous les navigateurs autres que MSIE [:aloy]  
(Mozilla Firefox, Opera, Safari, Konquerror, iCab, ...)
 
Accessoirement, la balise [fixed] c'est pas fait pour les chiens [:itm]

p@radox ok merci bien et pour mozilla firefox ?
darkoli quelqu'un avait posé une question sur le drag & drop mais je ne sais plus ou est le sujet alors voici une reponse
 
voila l'illustration de Drag & Drop avec un div, une zone de texte et meme un bouton. En fait, on peut faire glisser tout quasiement tout les objets. En meme temps, je montre comment recuperer les coordonnées de la souris par rapport à l'ecran, par rapport a la page html et enfin par rapport à l'objet sur lequel se trouve le curseur de la souris.
 
pour ie4 ou ie5 ou sup
 
<html>
<head>
 <title>Drag & Drop</title>
</head>
<body>
<script language="javascript">
  var dx=0;
  var dy=0;
  var objet=null;
  var mv=0;
 
  function md() {
    if (event.srcElement.tagName!="BODY" ) {
      objet=event.srcElement;
      }
    dx=event.offsetX;
    dy=event.offsetY;
    mv=0;
    }
 
  function mm() {
    if (objet!=null) {
      objet.style.left=event.clientX-dx;
      objet.style.top=event.clientY-dy;
      }
    document.all.z.value="Ecran : "+event.screenX+","+event.screenY+"\nFenêtre : "+event.clientX+","+event.clientY+"\nObjet : "+event.offsetX+","+event.offsetY+" => "+event.srcElement.tagName+" ["+event.srcElement.name+"]";
    mv=1;
    }
 
  function mu() {
    objet=null;
    }
 
  function cb() {
    if (mv==0) {
      alert("evenement \"onClic\" sur le bouton \""+event.srcElement.name+"\"." );
      }
    }
 
  document.onmousedown=md;
  document.onmousemove=mm;
  document.onmouseup=mu;
</script>
<textarea name="z" rows="3" cols="40" style="position:absolute;left:102px;top:0px">Vous pouvez déplacer tous les éléments présents sur cette page.</textarea>
<input name="bouton de toto" type="button" value="Le Drag & Drop c'est génial" style="position:absolute;left:102px;top:55px" onClick="cb()">
<div name="coucou" style="position:absolute;left:0px;top:0px;width:100px;height:200px;background-color:C0C0C0"></div>
</body>
</html>

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)