Hi all,

 

I've been writing a little add-on to allow for dragging multiple elements in Sortables.

 

See it in action here:

http://www.abomb.co.uk/multidrag/scriptaculous-js-1.5_rc5/test/functional/sortable_multi_test.html

 

This “works” in both IE 6 and Firefox 1.5.0.3 which are the only browsers I’ve tested it in. Hopefully the source should be fairly easy to understand:

 

·         Clicking an element adds it to the “selectedElementIDs” array

·         If more than one element is selected (using CTRL or SHIFT) and dragged then the selected elements are cloned and appended to the element being dragged. This “draggee” is then ridded of its innerHTML and any duplicates are removed. This gives the impression that you are dragging the selected elements.

·         On drag end the reverse is performed

 

Now for the problem.

 

·         Start IE. Select a couple of items. Drag them and drop them. Now drag them and drop them again. Look in the debugging area at the bottom. Nooo! IE clones too much. (In Firefox it’s fine). It doesn’t actually notice, but what’s going on there?

·         In scriptaculous-js-1.5.0, scriptaculous-js-1.5.1, scriptaculous-js-1.6.1 in IE the second time you drag it doesn’t show the drag.
http://www.abomb.co.uk/multidrag/scriptaculous-js-1.5.1/test/functional/sortable_multi_test.html So it works in 1.5_rc5 but nothing else I’ve tested it in. You can drop the files sortable_multi_test.html and class.mulitDragPatch.js into your \test\functional directory to test for yourselves.

 

If anyone has any experience with problems cloning in IE or can shed any light on this, I’d be very grateful to hear from you. I’ve spent many hours fiddling about with this!

 

Many thanks,

 

Leon

 

 

 

 

 

 

_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

Reply via email to