I knew after posting Drag.Group I needed to get a demo up quickly. The code is not completely refined yet so use at your own risk. I will be making updates over the next couple of days and will keep you posted.
A while back ago I posted an update to the Rubberband class. Its hard to understand the class unless you actually use it. One of the limitations that I found was the use of draggable elements. The coordinate locations were not updated and as a result the rubberband feature didn’t work.
I have made steps to add this functionality in place, currently the API is a bit broken and I am cleaning up how the coordinates are stored. In the meantime, I am providing a proof of concept.
Enjoy the demo!
Things to try:
- click and drag outside of any item and drag a rubberband select
- drag the group of selected items by dragging any selected item
- try dragging the items into the container boundary and out again
- shift click works for select items as well
- The save button works when multiple elements are selected, its a demo of my work in progress on visualized sorting
Update:
Several bugs have come to my attention. I am resolving these and will have a much more solid version up soon. The sorting output doesn’t work in IE.
The creative choice of words was supplied by the ever so talented April Magley
February 9th, 2009 at 3:38 pm
I absolutely love it! It is impressive.
February 9th, 2009 at 4:04 pm
Very cool, was actually trying to figure these out together this morning, will wait for you I guess.
February 9th, 2009 at 5:26 pm
You, sir, are a genius! *bookmarking*
February 9th, 2009 at 7:32 pm
Looks fantastic! (except in Chrome…where it doesn’t show anything…so that looks somewhat less fantastic, still awesome!)
February 10th, 2009 at 3:03 am
teh aswome, you haz it
February 10th, 2009 at 5:05 am
I just noticed what happens when you select a few bricks and drag your mouse all the way to the edge of the screen, haha. Awesome.
February 10th, 2009 at 8:32 am
Genius work! Impressive!
February 10th, 2009 at 10:33 am
[...] Check out the demo. [...]
February 13th, 2009 at 11:30 am
[...] promised I have been cleaning up the code to my most recent demo. I will be releasing a much more polished API along with documentation in the near future. Stay [...]
February 13th, 2009 at 12:35 pm
very, very, very, nice.
Congratulations!
February 13th, 2009 at 6:09 pm
Very nice. Get rid of the words and just put letters… you know, like the refrigerator magnets? And you’ve got the new web game of the year.
z-index would be nice to keep track of so the most recently clicked hangs out on top.
February 13th, 2009 at 6:11 pm
Ha! nevermind, I forgot there were some sets that come in words too, not just letter. (you even gave them the class magnet)
February 25th, 2009 at 4:33 pm
I’m viewing it in Chrome and am having no problem. It’s totally awesome, great job Nate!