The Drag.Move.Collide class makes it easy to detect when two or more elements collide when dragging another element.
Similar to Drag.Move, Drag.Move.Collide needs all of the same informations.
new Drag.Move.Collide(document.id('drag'), {
container: $$('#collision>div')[0],
droppables: $$('#collision .drop'),
onCollide: function(element, droppable){
droppable.setStyle('background', '#E79D35');
},
onLeaveCollision: function(element, droppable){
droppable.setStyle('background', '#6B7B95');
},
onDrop: function(element, droppable){
if (droppable) droppable.setStyle('background', '#C17878');
}
});
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus