Yahoo! UI Library - Drag and Drop
YAHOO.example.DDApp = function() {
return {
init: function() {
var i = 0;
for (j=0;j < 20;++j) {
new YAHOO.example.DDList("li" + j);
new YAHOO.example.DDList("li" + (j + 20));
new YAHOO.example.DDList("li" + (j + 40), "right");
}
new YAHOO.example.DDListBoundary("hidden1");
new YAHOO.example.DDListBoundary("hidden2");
new YAHOO.example.DDListBoundary("hidden3", "right");
// dd11 = new YAHOO.example.DDList("li11");
// dd11.addToGroup("right");
// dd12 = new YAHOO.example.DDList("li12");
// dd12.addToGroup("right");
YAHOO.util.DDM.mode =
document.getElementById("ddmode").selectedIndex;
}
};
} ();
YAHOO.util.Event.addListener(window, "load", YAHOO.example.DDApp.init);
// YAHOO.util.DDM.useCache = false;
Drag and Drop - DDProxy
This example extends
DDProxy
to implement a sortable list. When a list item is dragged past the center
of another list item, it is inserted before that item.
The items in the first two columns can interact with items in the other
column. The items in the third column are defined as a separate group,
so they can only interact with other items in the third column.
The logger is paused for performance reasons. Click "Resume" to re-enable it.