drag'n drop

Clairdelune
Invité n'ayant pas de compte PHPfrance

07 juin 2007, 17:58

Bonjour,

Je cherche à faire un drag'n drop un peu particulier.
Explication :
<p id="message17">Message 17</p>
<div id="boite17" class="bleu">
<p id="message18">Message 18</p>
<div id="boite18" class="rouge">
<p id="message19">Message 19</p>
<div id="boite19" class="vert">
Au lieu d'un drag'n drop "normal", l'élement cliqué est déplacé à l'endroit voulu.
Je cherche à cliquer sur un élement (le div rouge par ex), à faire l'action de le bouger et à le placer sur un autre div (le vert par exemple).
Cette action aurait pour résultat :
<p id="message17">Message 17</p>
<div id="boite17" class="bleu">
<p id="message18">Message 18</p>
<div id="boite18" class="rouge">
<p id="message19">Message 19</p>
<div id="boite19" class="rouge">
dans le but en fait de coller l'élément rouge sur le vert , (tout en gardant la valeur numérique 19)

Si quelqu'un peut me conseiller ?

Eléphanteau du PHP | 10 Messages

12 juin 2007, 15:37

C’est un petit peux du sport, ce que tu veux faire :-).

En premier temps tu récupères les coordonnées de t’es deux éléments à partir des méthodes offsetTop et offsetLeft.

Tu fais ta récursivité qui va modifier les coordonnées de l’élément que tu veux déplacer. Une fois qu’il est au dessus du second élément il te reste plus qu’a faire un replaceChild ;-).