YUI Library Examples: Drag & Drop: Drag Node Plugin

Drag & Drop: Drag Node Plugin

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-plugin module.

Making the Node draggable with the Drag Plugin

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

Accessing the Drag instance

Now that we have a draggable Node, you can get access to the Drag Instance from the dd namespace on the Node instance.