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.

dragable 1 Draggables   Exchange Data Between Web Sites Using Drag & Drop

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)

Incoming search terms for the article:

Related Posts

CSS3 and HTML5 Musical Dropdown Menu

HTML5 Audio Player Bookmarklet

Creating An HTML5 3D Cube Slideshow

On/Off Flipswitch Generator