jQuery Example: Selecting items with drag and drop

Some time ago, I needed to take a list of items and select from them a subset, put that subset of items into a particular order, and then submit them to the server. A good example would be when you have a list of posts and you need to choose which ones (and in which order) you want to print them. Drag and Drop is a breeze with jQuery and jQuery UI.

Here is a video of it in action:

This was very easy to do with just a small amount of code. Here is the setup:

…and the code:

Once you’ve selected your items, it’s just a matter of POSTing the #postOrder input element to your server with a list of the IDs and their corresponding order.

Demo: Selecting items with drag and drop

RSS Tidbits for September 15th, 2009

Here’s a small collection of recent news items that may be of interest.

RSS Tidbits for August 19th, 2009

Here’s a small collection of recent news items that may be of interest.