Drag and Drop - DDProxy

Examples

Proxy

This example builds on YAHOO.util.DD. Instead of moving the actual html element that was clicked, we have a hidden layer, empty aside from a border, absolutely positioned, that we place in the same location of the clicked object. The onDrag event handler was implemented so that the style of the DragDrop elements change when they interact. The onDragDrop event handler was implemented so that the elements swap positions if one is dropped on another. Mode:

The logger is paused for performance reasons. Click "Resume" to re-enable it.
DDSwap
DDSwap
DDSwap