Over a million developers have joined DZone.
Platinum Partner

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

· Web Dev Zone

The Web Dev Zone is brought to you by Stormpath—offering a pre-built Identity API for developers. Easily build powerful user management, authentication, and authorization into your web and mobile applications. Download this Forrester report on the new landscape of Customer Identity and Access Management.

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

The Web Dev Zone is brought to you by Stormpath—offering a pre-built, streamlined User Management API for building web and mobile applications. Plan On Building User Management? Buy It Instead. Download Our White Paper To Learn More.

Topics:

Published at DZone with permission of Hirvesh Munogee , DZone MVB .

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}