Custom drag and drop script

Category: JavaScript - Miscellaneous

The purpose of this script is to make it possible for you to create your own DHTML drag'n drop applications. Important methodsaddSourceAdd 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. addTargetAssign 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 initInitializes the script. This method should be called after addSource and addTarget.setSlideArguments 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. Date: 27 May, 2012


Drag And Drop - Object Move - Image Move - Drag - Drop - Javascript

Homepage: http://www.dhtmlgoodies.com/

Developer: dhtmlgoodies.com

License: Freeware

Operating System: All

Add a Comment

all are required fields

     
What do you think of this resource?

Select Your Rate:

Votes:0

 

Related Scripts Download

Scripts for drag and drop with javascrip and demo on how it works with div move animation.

developer Developer: Hans Lee
license License: GNU General Public License (GPL)
operating systems Operating System: Not Available


Simple Jquery Script that enables users to drag and drop an image of a number of images anywhere in a web page.

developer Developer: Hscripts
license License: Freeware
operating systems Operating System: Windows, Linux


Drag and drop to columns script allows you to drag nodes to a set of boxes.

developer Developer: dhtmlgoodies.com
license License: Freeware
operating systems Operating System: All


This script makes it easy for you to organize complex content.

developer Developer: dhtmlgoodies.com
license License: Freeware
operating systems Operating System: All


This provides be drag'n'drop functionality for images.

developer Developer: ftp.drupal.org
license License: Artistic License, GNU General Public License (GPL)
operating systems Operating System: Windows, Linux, Mac OS, BSD, Solaris


Interactively manipulate or resize drag & drop windows & frames.

developer Developer: dynamicreport.com
license License: Freeware
operating systems Operating System: All


SnippetMaster is an tool for web developers who wish to provide their clients with an easy, quick, very affordable, and visual (WYSIWYG) way to edit a pre-defined web page content area through their browser.

developer Developer: Electric Toad Internet Solutions, Inc.
license License: Freeware
operating systems Operating System: UNIX / Linux


Google::API script provides you various interfaces to Google APIs.

developer Developer: files.rubyforge.vm.bytemark.co.uk
license License: Freeware
operating systems Operating System: All


If you have to put up the same Drop Down Navigation menu on many of your web-pages this script will prove useful.

developer Developer: sivamdesign.com
license License: Freeware
operating systems Operating System: All