ghostdrag.js Provides drag'n'drop functionality. Objects OAT.GhostDrag() Creates a GhostDrag object. Methods OAT.GhostDrag::addSource(element, process, callback) Mark selement as draggable. When user drags it, a "ghost" clone is created. Then, the process function is called with this clone as argument. If user drags the clone to one of marked target zones, a callback is performed with three arguments -x,y and target element. OAT.GhostDrag::delSource(element) Marks element as not draggable. OAT.GhostDrag::clearSources() Removes all draggable elements from this GhostDrag object. OAT.GhostDrag::addTarget(element) Mark selement as a valid ending zone for drag'n'drop. OAT.GhostDrag::delTarget(element) Mark selement as not a target zone. OAT.GhostDrag::clearTargets() Removes all target zones from this GhostDrag object. Example var product = Dom.create("img"); var shopping_cart = Dom.create("div"); var gd = new OAT.GhostDrag(); var dummyReference = function() {}; var successReference = function(target, x, y) { alert("Success!"); } gd.addTarget(shopping_cart); gr.addSource(product, dummyReference, successReference); CategoryOAT CategoryDocumentation CategoryOpenSource