combine Draggable and Selectable?

[one2gov]

Here is jquery implementation of Draggable and Selectable working together. Is it possible to do it with greensock? Should I just replace draggable function from jquery to greensock? If not, I think I create new draggable div outside of seelcted divs, and move that div using greensock, but that's not really greate solution..

 

 

See the Pen rWJEMQ?editors=0010 by one2gov (@one2gov) on CodePen

[Diaco]

Hi, one2gov 

 

pls check this out : 

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

[one2gov]

Hi, Diaco )

I am sorry, but In my first link you can drag and select several divs, or select them with Ctrl. Just like folders on desktop windows.

Not sure what jquery plugin provides this functionality, but it's basically groups for draggable.

[GreenSock]

That's not something that's baked into Draggable but it's entirely doable with extra code (at least I don't see why it wouldn't be). I don't have time to wire it all up for you, but the basic idea would be to use an onPress to record the starting x/y of the element and then onDrag, you'd figure out the delta (change) for the current element and just alter all the others by that amount as well, so they all appear to drag together. You could even use a simple TweenLite.set(arrayOfOtherElements, {x:"+=" + deltaX, y:"+=" + deltaY}) to get 'em all in one fell swoop. 

 

And as for the multi-selection thing, you might be able to use the hitTest() function baked into Draggable for some of that logic.