Basic Drag and Drop

The YUI Drag and Drop Utility lets you make HTML elements draggable.

For this example, we will enable drag and drop for the three <div> elements.

Create the demo elements:

Now we create the instances of YAHOO.util.DD, passing the element ids or references for our demo elements.