In Web applications I've seen numerous — and personally implemented
a few — ways to rearrange items in a list. All of those were
indirect interactions typically involving something like up/down arrows next
to each item. The most heinous require server roundtrips for each
modification...boo.
Then I came across Simon Cozens' example
of rearranging a list via
drag & drop. I was so inspired I had to try it out myself.
Example: A Basic List
Essentially
Simon Cozen's example
with some subtle enhancements. It's not obvious, but go ahead and
rearrange the items:
In Firefox you can also drag the bullet to move an item. Keen.
Saving the reorderd list is possible by inspecting the DOM. All
the sortable lists on this page retain their order via cookies (try
rearranging a list and then reloading the page).
