Beginner Recipe: Dragging and Dropping Across divs

This recipe will use the drag-and-drop functionality to allow the user to drag a note image to a corkboard dropzone. When the drop of the note occurs, a new copy of the note image selected will be added to the corkboard, as shown in Figure 13.1.

Figure 13.1. Sample output showing basic drag-and-drop functionality using draggable notes on the left and a drop zone on the right