I have a CMS that I'm building for a client. There's going to be a list of items in one portion of the CMS which will likely get rearranged on a regular basis. Obviously I could simply have them change their order one at a time via a simple text box. I'd like to give them something unexpected though and make their lives much easier.
So I'm considering the option of using Sortables to allow them to drag and drop to rearrange. Here's a small sample of my HTML code. At this point, each row would look just like this: <tr valign="top" class="listmainbg"> <td align="center">1</td> <td><a href="modules.cfm?action=content&id=6" title="Edit the settings of this module">Cover Letter</a></td> <td>Text</td> <td width="20"><a href="modules.cfm?action=content&id=6"><img src="images/edit.gif" width="16" height="16" border="0" alt="Edit the settings of this module"></a></td> <td width="20"><a href="modules.cfm?action=submit&deleteid=6"><img src="images/delete.gif" width="16" height="16" border="0" alt="Delete this record"></a></td> </tr> Each row will have a class of listmainbg, and will most likely have a unique ID which correlates to it's current display order (the first TD). What I would like to do is have the user drag and drop a row into the position they would like to be, then trigger a callback which renumbers the entire likst (or maybe just the ones which need to be changed?), then sends that array to an AJAX call to update the database. So the questions: 1) Has anyone else done something like this? 2) Do I need to make any changes to my HTML code? 3) Is this a crazy idea? Thanks for any help you can provide. Word!
