Comments on: Help an AJAX newbie!

Question: Help an AJAX newbie!

LoopyG — Sun, 01 Oct 2006 21:32:34 -0800

Help an AJAX newbie! Here's the problem: I have a table where each cell contains a single image. The order of these images does matter. I want the user to be able to drag and drop an image from one cell into another cell. All other images would then "move over" one cell.

The purpose for this is that the images form a slideshow, and I want to allow the users to control the order of images in the slideshow. I want them to be able to drag-and-drop images in creating the order because the current method of moving the images one cell at a time is just no good. I would greatly appreciate any and all help!

By: kcm

kcm — Sun, 01 Oct 2006 21:41:58 -0800

Maybe you could start with the YUI Drag and Drop Utility.

By: rajbot

rajbot — Sun, 01 Oct 2006 22:00:26 -0800

Script.aculo.us sortable floats does exactly what you want.

By: gsteff

gsteff — Sun, 01 Oct 2006 22:02:04 -0800

Are you sure you don't just want to let them all be floated, so that they arrange themslves into a grid like this automatically? If the images are different sizes, you can preserve the pretty, evenly spaced grid look by just giving them all the same width and height in CSS.

Regardless, I'd reccomend either the YUI utility or Mochikit's drag-and-drop library (YUI is better tested, Mochikit's is better documented).