drag'n drop

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : drag'n drop

par [Sébastien] » 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 ;-).

drag'n drop

par Clairdelune » 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 ?