HTML5 Zone is brought to you in partnership with:

Hirvesh Munogee is a freelance web developer who also happens to have a passion for blogging. Hirvesh is a DZone MVB and is not an employee of DZone and has posted 177 posts at DZone. You can read more from them at their website. View Full User Profile

HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin

02.07.2013
| 5226 views |
  • submit to reddit

HTML5 Drag & Swap is a simple lightweight Zepto plugin which allows you to implement a drag and replace interface for elements.

A drag and replace interface allows you to easily swap around elements in a list with each element replacing each other.

The HTML5 Drag & Swap plugin is built using the native HTML5 drag and drop API with drop animations using CSS3. It supports both list elements and grid ones.


Browser Support

IE 7+, Firefox 16+, Chrome 23+, Safari 5.1+ and, Opera 12.1+.

Requirements: jQuery or Zepto
Demo:http:/ / james2doyle. github. com/ zepto-dragswap/
License: MIT License

Published at DZone with permission of Hirvesh Munogee, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)