Draggables - Exchange Data Between Web Sites Using Drag & Drop
Draggables is a javascript library that allows users to exchange data between web sites using drag and drop. Its based on the HTML5 Drag and Drop and File APIs. It allows data to be exchanged between unrelated sites and between the desktop and a browser.
Draggables is a series of demos that explore the use of drag and drop to directly exchange data between web sites. The draggables library has been coded to be as universal as possible it makes the best use of what functionality a browser can provide.
Using draggables is relatively easy. The code is broken into two main files draggables-drag.min.js
and draggables-drop.min.js
. to match the two different parts of the drag and drop operation. These two files already contain the definitions for contacts, friends and events, if you wish to use draggables for reviews, resumes or articles you will need to load an additional definition file.
Creating a drag item is a three-step process. First mark-up the HTML containing the data with an appropriate mircoformat then add the draggables icon to the page then finally add the JavaScript code.
Requirements: Modern Browser (HTML5 Support)
Demo: http://draggables.com/index.htm
License: MIT License (MIT)