Programmin' Prim8

Usually when you need to order lists on the web, you use one of 2 methods:

• Put a numeric input box next to each item and type in the sort order (quick but not very intuitive)


• Put up/down arrows next to each item and to a lot of reloading (intuitive but not very quick)

This seems to put an end to those problems:

DOM-Drag - javascript drag-drop lib.
Javascript drag-and-drop ordered lists - ordered list example.
Drag-and-drop Sortable Lists with JavaScript and CSS - takes the ordered list and puts some nice styles on it.

All you need to do to send the data back to the server is to use DOM to write the new order into a hidden input and then submit the form when done, or send the data realtime using ajax.