Give it a try simply move your mouse over the objects in the right column.

Your curser will change to an arrow hold down your left mouse button and you can now drag and drop the boxes withing the column.

Move the boxes to where you want them so your effectively creating your own online experience you will also be able to switch the boxes on and off..

This is achieved by using script.aculo.us Web 2.0 JavaScript once a box is moved an AJAX command is triggered that updates a database with the new position.

You would normally do this from an admin panel that would set a cookie with your preferences so the next time you visit the site your changes will be reflected.

For this example we have ignored the cookie deployment so the changes are for all users.

Perma Link