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 light blue box can be dragged and dropped only to the yellow box.

Example modified starting from Laurent Jouanneau.