[DHTML Drag & Drop] pour ceux qui posent toujours des questions

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [DHTML Drag & Drop] pour ceux qui posent toujours des questions

darkoli

Le Petit Dinosaure Bleu

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>

Publicité

p@radox

ok merci bien et pour mozilla firefox ?

masklinn

í dag viðrar vel til loftárása

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]

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

FORUM HardWare.fr

Programmation

[DHTML Drag & Drop] pour ceux qui posent toujours des questions

Sujets relatifs
[HTML et DHTML et Javascript] pour ceux qui posent plein de questions	[JAVA] Deux questions sur les fichiers JAR
[DHTML & ie] layer	[Java] Drag'n Drop
[C++] 2 questions : <string> et comparaison ; <vecteur> et pointeurs	ch'tit questions...
[VC++6.0 ,MFC] Questions sur du client-serveur...
Plus de sujets relatifs à : [DHTML Drag & Drop] pour ceux qui posent toujours des questions

Page générée en 0.035 secondes