Login   Register  
Icontem

Drag and Drop: Handle drag and drop events of page elements

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Mark Rolich
Name: Mark Rolich <e-mail contact>
Packages: 10 Browse all classes by Mark Rolich Browse all classes by
Country: Armenia Armenia - JavaScript jobs in Armenia
Age: 33
All time rank: 171 in Armenia Armenia
Week rank: 29 Down1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 4x

Winner: 1x


  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can handle drag and drop events of page elements.

It can start listening to mouse events on given page elements to track drag and drop movements.

The can call given callback function when the drag starts, moves or stops.

The movements of the dragged elements can be restricted one of the axis, vertical or horizontal.

The movement positions can be snapped to positions of a given spacing distance between the snap points.

  Classes of Mark Rolich  >  Drag and Drop  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: Drag and Drop
Base name: drag-drop
Description: Handle drag and drop events of page elements
Version: 1.0.0
JavaScript version: 1.0
License: GNU General Public License (GPL)
All time users: 300 users
All time rank: 106
Week users: 0 users
Week rank: 54 Equal
 
  Groups   Freshmeat project   Rate classes User ratings   Dependencies  
  Dependents   Applications   Related links   Files Files  

  Groups  
Group folder image Events Handle and process registered events View top rated classes


  Freshmeat project  
Project record: dragdropjs
Popularity score: 28.39
Vitality score: 22.33

  User ratings  
There are not enough user ratings to display for this class.

  Packages needed by this class  
Class Dependency Why it is needed
Event Required for cross-browser event handling

  Packages that need this class  
Class Dependency Why it is needed
JS Measure Required to enable drag-drop functionality
JS Rulers Guides Required For drag-n-drop functionality

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related links  
Link Description
Github Git repo
Documentation Documentation with some examples
Basic example Simple demo
Advanced example Advanced demo

  Files folder image Files  
File Role Description
Accessible without login Plain text file demo.css Data Demo styles
Accessible without login Plain text file demo_advanced.html Data Advanced demo
Accessible without login Plain text file demo_simple.html Data Simple demo
Accessible without login HTML file documentation.html Doc. Documentation
Plain text file Dragdrop.js Class Main function
Accessible without login Image file grid.png Icon background image for advanced demo
Accessible without login Plain text file license.txt Lic. LICENSE
Accessible without login Plain text file README Data README

Install with Composer Install with Composer - Download Download all files: drag-drop.tar.gz drag-drop.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.