ghostdrag.js

Provides drag'n'drop functionality


Objects

Methods


GhostDrag()

Creates a GhostDrag object.

GhostDrag::addSource(element, process, callback)

Marks element 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.

GhostDrag::delSource(element)

Marks element as not draggable.

GhostDrag::clearSources()

Removes all draggable elements from this GhostDrag object.

GhostDrag::addTarget(element)

Marks element as a valid ending zone for drag'n'drop.

GhostDrag::delTarget(element)

Marks element as not a target zone.

GhostDrag::clearTargets()

Removes all target zones from this GhostDrag object.

var product = Dom.create("img");
var shopping_cart = Dom.create("div");
var gd = new GhostDrag();
var dummyReference = function() {};
var successReference = function(x, y, target) { alert("Success!"); }
gd.addTarget(shopping_cart);
gr.addSource(product, dummyReference, successReference);