Custom drag and drop script

The purpose of this script is to make it possible for you to create your own DHTML drag'n drop applications.

Important methods

addSource

Add a dragable element. Arguments to this methods are - id of element and
- true|false if the element should slide back into it's original position after drop.
- true or false if you want to allow dragging along the x-axis. (Optional, default = true)
- true or false if you want to allow dragging along the y-axis. (Optional, default = true)
- id(String) of element. This argument is optional. If a value is sent, you will not be able to drag the element outside the boundaries of the element with this id.
- Name of function(string). Name of function to call when drag is initiated. Example: "onDragStartFunction"(Only the name).
The function with this name will be called with these arguments: 1) id of the cloned version of the element, and 2) the id of the original element. This script creates a "copy" of the dragged element. The "copy" is the element you see when drag is in process. Look at the code in demo2 for examples on how to use this argument.
addTarget

Assign action to an element when a dragable item is dropped on it. - id of element and
- name of function(example: "dropItems") which would be called when an item is dropped on the drop zone. This function would be called with the following arguments: - id of dragged element
- id of the element the item was dropped on.
- mouse x coordinate when item was dropped
- mouse y coordinate when item was dropped

init

Initializes the script. This method should be called after addSource and addTarget.

setSlide

Arguments to this function is boolean true or false, false if you want to cancel the sliding animations and true if you want to enable it.