@@ -1,6 +1,8 @@ This is a demo of a scriptaculous sortable which supports multiple element drag and drop like mentioned in http://dev.rubyonrails.org/ticket/2585 +The demo is available at http://simplificator.com/scriptaculous-multidrag/ + The demo shows a sortable and a droppable area. Entries can sorted or dropped to the droppable area. If you drop an entry, the sortable will stay in the same order. By clicking on more than one entry, you can activate multi d&d. README @@ -15,6 +15,7 @@ var MultidragObserver = Class.create({ onEnd: function(eventName, draggable, domEvent) { $$('.dragcount').each(function(e) { e.remove() }); parentNode = draggable.element.parentNode; + // drop the other activated elements near the just dropped draggable $$('.activated').each(function(e) { if (draggable.element.id == e.id) { return; } parentNode.insertBefore(e, draggable.element); @@ -39,6 +40,8 @@ Event.observe(window, 'load', function() { Droppables.add('target', { onHover: function(draggable, droppable, percetage) { Sortable.unmark(); + // we use the _marker to signal the patched scripty sortable that we + // received the drop and it should let things ordered as they are. Sortable._marker = null; }, onDrop: function(element) { @@ -48,7 +51,6 @@ Event.observe(window, 'load', function() { }); // register our multidrag listener Draggables.addObserver(new MultidragObserver($('content'))); - // register additional behaviour on the sortables draggables Sortable.sortables.content.draggables.each(function(draggable) { draggable.element.observe('mousedown', function() { custom.js 0c72ee41baae34ca85f61bf44d396ec798870b1c beat beat@simplificator.com http://github.com/panter/scriptaculous-multidrag/commit/4a44b1861318439418f93b64234272f99f148971 4a44b1861318439418f93b64234272f99f148971 2008-10-20T07:52:05-07:00 2008-10-20T07:52:05-07:00 added homepage f6262a7c94bb4216b16ec7d68d51c9f8d900548f beat beat@simplificator.com