Advertise here

Drag & Drop

jQuery Ajax File Uploader with Drag & Drop

March 08, 2014     13454     Ajax Form Elements Drag & Drop
jQuery Ajax File Uploader with Drag & Drop

jQuery plugin to drag and drop files, including ajax upload and progress bar. The idea for this plugin is to keep it very simple. Basic javascript / jQuery knowledge is necesary to use this plugin.

Read More »

Draggabilly – Javascript Library to Make Elements Draggable

January 25, 2014     9489     Drag & Drop
Draggabilly – Javascript Library to Make Elements Draggable

Draggabilly is a separate library that makes elements draggable. It supports IE8+ and multi-touch.

Read More »

interact.js – Drag & Drop, Resizing and Gestures for Modern Desktop and Mobile Browsers

December 31, 2013     11613     Drag & Drop Mobile
interact.js – Drag & Drop, Resizing and Gestures for Modern Desktop and Mobile Browsers

interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+)

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}' '{mobile,desktop}', ' and Internet Explorer 8+
  • interaction with SVG elements
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface

Read More »

Sortable – JavaScript Sorting Library for Modern Browsers and Touch Devices

December 24, 2013     7103     Mobile Drag & Drop
Sortable – JavaScript Sorting Library for Modern Browsers and Touch Devices

Sortable is a minimalist JavaScript library for modern browsers and touch devices.

Features

  • Support touch devices
  • Built using native HTML5 drag and drop API
  • Simple API
  • Lightweight, 2KB gzipped

Read More »

FieldChooser – Drag & Drop Items Between 2 Lists with Multiselect

December 23, 2013     29045     Drag & Drop Form Elements
FieldChooser – Drag & Drop Items Between 2 Lists with Multiselect

fieldChooser is a jQuery plugin for selecting from a list of fields or values (the source) and adding them to a new list (the destination).

You move fields from the source to the destination by dragging and dropping with multi-select. Fields themselves can be simple HTML elements or more complex containers.

Read More »

Elastic Stack – Elastic Dragging Interaction

November 12, 2013     3781     Drag & Drop Effects
Elastic Stack – Elastic Dragging Interaction

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one.

It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

Read More »

FileAPI – Set of Javascript Tools for Working with Files

October 14, 2013     12203     Drag & Drop Others
FileAPI – Set of Javascript Tools for Working with Files

FileAPI is a set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload.

Images: crop, resize and auto orientation by EXIF.

Read More »

Fancytree – jQuery Dynamic Tree View Plugin

September 17, 2013     43782     Others Drag & Drop
Fancytree – jQuery Dynamic Tree View Plugin

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag'n'drop, and lazy loading.

Read More »

Gridly – jQuery Plugin to Enable Drag & Drop on Grids

June 24, 2013     30242     Drag & Drop Grid & Layout
Gridly – jQuery Plugin to Enable Drag & Drop on Grids

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.

Read More »

dynatree – Dynamic Tree View jQuery Plugin

May 13, 2013     25897     Drag & Drop Ajax
dynatree – Dynamic Tree View jQuery Plugin

Dynatree is a dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading.

Features

  • Optimized for large dynamic trees (DOM elements are only created when really needed).
  • Programmable through a rich object oriented interface.
  • Support for lazy loading and Ajax.
  • Checkboxes and hierarchical selection.
  • Supports drag and drop.
  • Support for persistence.
  • Keyboard aware.
  • Initializes from HTML code, JSON, or JavaScript objects.

Read More »

Ajax File Upload Form with jQuery

May 13, 2013     11207     Ajax Drag & Drop
Ajax File Upload Form with jQuery

Nice tutorial about creating an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually.

Read More »

jqTree – Customizable jQuery Tree Plugin

March 16, 2013     23322     Drag & Drop JSON
jqTree – Customizable jQuery Tree Plugin

jqTree is a jQuery tree plugin with many options and functions. Also it has drag & drop support for tree nodes.

Features

  • Create a tree from JSON data
  • Drag and drop
  • Works on ie7+, firefox 3.6+, chrome and safari

Read More »

Dropzone.js – Drag 'n' Drop File Uploads with Image Previews

January 27, 2013     17788     Ajax Drag & Drop
Dropzone.js – Drag 'n' Drop File Uploads with Image Previews

Dropzone.js is a light weight JavaScript library for jQuery that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX. It supports image previews and shows nice progress bars.

Read More »

jQuery.kinetic – Smooth Drag Scrolling

August 28, 2012     5897     Drag & Drop
jQuery.kinetic – Smooth Drag Scrolling

jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.

Read More »

Draggable Image Boxes Grid with jQuery

August 28, 2012     27585     Drag & Drop Grid & Layout Effects
Draggable Image Boxes Grid with jQuery

Here you ll learn how to create a template with a fullscreen grid of images and content areas.

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish