The Drag.Move.Inside class makes it easy to check if an element is inside another element while dragging one of the elements.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Demos
Docs
Source
.gitignore
Drag.Move.Inside.png
README.md
package.yml

README.md

Drag.Move.Inside

The Drag.Move.Inside class makes it easy to check if an element is inside another element while dragging one of the elements.

Screenshot

How to use

Similar to Drag.Move, Drag.Move.Inside needs all of the same informations.

    new Drag.Move.Inside(document.id('drag'), {

        container: $$('#inside>div')[0],

        droppables: $$('#inside .drop'),

        onInside: function(element, droppable){
            droppable.setStyle('background', '#E79D35');
        },

        onLeaveInside: function(element, droppable){
            droppable.setStyle('background', '#6B7B95');
        },

        onDrop: function(element, droppable){
            if (droppable) droppable.setStyle('background', '#C17878');
        }

    });