Drag and drop demo in a HTML document, using the HTML5 drag and drop API

The red box and the orange box can be dragged and dropped between the blue and the green boxes.
The purple box can be dragged and dropped only to the yellow box.
model
view
controller