YUI 3.x Home -

YUI Library Examples: Drag & Drop: Proxy Drag

Note: This is YUI 3.x. Looking for YUI 2.x?

Drag & Drop: Proxy Drag

This example shows a simple proxy drag interaction that doesn't require a drop interaction.

Drag Me

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 and dd-proxy modules.

Making the Node draggable

Now that we have a YUI instance with the dd-drag and dd-proxy modules, we need to instantiate the Drag instance on this Node and add the DDProxy plugin.

Copyright © 2009 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings