sortable

sort an array by dragging html elements

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
sortable
2.0.011 years ago11 years agoMinified + gzip package size for sortable in KB

Readme

drag-sortable
Create a list that is can be sorted by dragging ui elements.
var Sortable = require('./')

var array = ['Apple', 'Banana', 'Cherry', 'Durian', 'ElderBerry']
var emitter = Sortable(array, function template (s) {
  //return html Element.
  var e = document.createElement('h1')
  e.innerText = s
  return e
}, document.createElement('ol'))
//listen to changes (newArray, splices)
emitter.on('change', console.log.bind(console))

emitter.element

Change events is the new state of the array, and the splices that changed the array.
template is just a function that takes any thing and returns an HTMLElement

jquery-ui

Currently, this depends on jquery UI, which is not ideal, but it works, and it works on mobile.

known issues:

Dragging goes funny when zoomed on Chrome Android. Be sure to use viewport:
<meta name="viewport"
  content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

To disable zoom.