Drag & Drop: Drag Node Plugin
+ +
+
+
+ +
This example shows using the Drag Node Plugin.
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ x
Drag MeSetting 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.