Discussion :

[gerard_martin]

J'ai trouvé ce petit script via l'adresse

http://www.mudcube.com/code/Drag_Drop.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function $(v) { return(document.getElementById(v)); }
function browser(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(browser('msie')?event.clientY+document.body.scrollTop:e.pageY):(browser('msie')?event.clientX+document.body.scrollTop:e.pageX)); }
function zindex(d) { d.style.zIndex=zINDEX++; }
 
function dragOBJ(d,e) {
 
function drag(e) { if(!stop) { d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }
 
var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop; zindex(d);
 
document.onmousemove=drag; document.onmouseup=function(){ stop=1; makeWindow(Array(d.id,tX,tY)); document.onmousemove=''; document.onmouseup=''; };
}

Je le pensais générique... mais une integration simple dans une page html n'est pas suffisant. Je ne comprend pas quoi coder dans le html
si j'ai 2 div que je veux intervertir quel code dois-je faire ?
Quel function lancer ? sur un onmousedown ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div id="toto">titi</div>
<div id="titi">toto</div>

[Sheriff]

salut !
la function à lancer est dragOBJ() ; si tu as deux objets tu peux appeler cette fonction dans le onmousedown de chaque objet, vu que le this représente l'objet en question....
en tous cas elle ne sert, à mon avis, qu'à déplacer lesdits objets vers l'endroit où on voudrait les "dropper".
c'est à toi d'écrire les fonctions qui te serviront à récupérer les objets et à les exploiter...
@+