Draggable swap positions

[Arnold.Krumins]

Hi,

 

I'm new to Greensock and am evaluating the api before I purchase a license. I must say i'm incredibly impressed!

 

One question.  How easy is it to swap positions when you drop an element onto another? Using Greensock's draggable demo

 

 

If I dragged the red box to the green box and dropped it. The green box would move to the red boxes original starting position

The red box would stay in the new position. Basically swapping locations.

 

Does anybody know the most efficient way to do this?

 

Cheers,

 

Arnold

See the Pen zDwEk by GreenSock (@GreenSock) on CodePen

[Diaco]

Hi Arnold.Krumins 

 

Draggable hitTest() logic's what you looking for :

 

See the Pen GFBvn by GreenSock (@GreenSock) on CodePen

 

http://greensock.com/docs/#/HTML5/Drag/Draggable/hitTest/

 

- pls check this out ,  I've just changed a bit the original codepen ( just onDrop function ) :

 

See the Pen xbOjpv by MAW (@MAW) on CodePen

 

- and i think this's another useful codepen for you :

 

sortable elements with GreenSock draggable : 

See the Pen eIDna by MAW (@MAW) on CodePen

[Arnold.Krumins]

Thanks for that.

 

So using the dragged and dropped objects of the onDrop() function I can use TweenMax.FromTo() to move the dropped div to the dragged starting x and y co-ordinates?