Sortable element magic

Javascript libraries are great. They let you use various functions, effects or formatting that are used on the web. Often built and maintained by the people that use them they can be a great tool.

For a current project we’ve decided to include the prototype and script.aculo.us libraries to implement a dynamic re-ording of elements. The script that it’s based off of is the “Sortable Lists” function as it was implemented (quite well) over on GregPhoto.net.

The main obstacles that I faced with this were adding another tier to this example, and then changing the initializer so that each element and element group (array) did not have to be declared.

Example, zipped

<edit> Oh yeah, you have to click on the “Inactive” first, otherwise it wont work, :) </edit>