DROPPABLE
(ACCEPTS RED)
DROPPABLE
(ACCEPTS ALL)
DROPPABLE
(ACCEPTS ALL)
DRAG YELLOW
OR GREEN
TO ME

CODE USED FOR THIS EXAMPLE

var clickr = new webkit_click('rblock', {onClick : function(){alert('You Clicked Red')}, onStart : startR, onEnd : endR});
var clicky = new webkit_click('yblock', {onClick : function(){alert('You Clicked Yellow')}});
var click = new webkit_click('gblock', {onClick : function(){alert('You Clicked Green')}});
new webkit_draggable('rblock', {});
new webkit_draggable('yblock', {revert : true, scroll : true});
new webkit_draggable('gblock', {revert : 'always', scroll : true});
webkit_drop.add('drop1', {accept : ["red"], hoverClass : 'hd', onDrop : function(){alert('drop')}});
webkit_drop.add('drop2', {hoverClass : 'hd', onDrop : function(){alert('drop')}});
webkit_drop.add('drop3', {onDrop : function(){alert('drop')}});
webkit_drop.add('drop4', {hoverClass : 'hd', onDrop : function(){alert('drop')}});