YUI Library Examples: Drag & Drop: Simple Drag

Drag & Drop: Simple Drag

Setting up the Node

First we need to create an HTML Node to make draggable.

Now we give that Node some CSS to make it visible.

Setting up the YUI Instance

Now we need to create our YUI instance and tell it to load the dd-drag module.

Making the Node draggable

Now that we have a YUI instance with the dd-drag module, we need to instantiate the Drag instance on this Node.