Comments on: jQuery Sortable Lists With Drag Drop Handle

By: rvturnage

rvturnage — Sun, 04 Jan 2009 00:00:31 +0000

LOL! Thanks, Wil. Glad I could inspire you. I actually figured it out after re-reading a link you provided to someone else earlier and was about to post it when I saw your reply! I really appreciate your work!

rvt

By: wil.linssen

wil.linssen — Sat, 03 Jan 2009 22:05:04 +0000

@rvturnage I’ve been meaning to write an update for this piece for a while, and you inspired me to finally do it. I’ve now added a new post showing how to update the list AND then parse the results with PHP and AJAX. This means you could happily add the results to your database without refreshing the page.

By: rvturnage

rvturnage — Sat, 03 Jan 2009 18:03:11 +0000

Very nice code…I’m a bit of a beginner to this, and have the sort working right off the bat!

I wonder, though, could someone walk me through implementing the code to update a mysql database using the AJAX update code I’ve seen mentioned?

Thanks again for this wonderful tutorial!
rvt

By: JR Chew

JR Chew — Fri, 12 Dec 2008 04:16:25 +0000

Nice man, very nice! I think i’ll add the ajax database update code.

By: wil.linssen

wil.linssen — Thu, 11 Dec 2008 13:58:04 +0000

@Deepak: in this example it’s adding the order to an input box, you could submit that input box and deal with it on another page.

The page dealing with the box would receive the values in an array called listItem, so $_POST['listItem'][0] would be the first item and so on.

You could acheive the same result by calling an AJAX script to the same page hence removing the need to refresh / navigate away.

By: Bookmarks about Jquery

Bookmarks about Jquery — Thu, 11 Dec 2008 13:45:02 +0000

[...] - bookmarked by 4 members originally found by pdorl on 2008-11-02 jQuery Sortable Lists With Drag Drop Handle http://www.wil-linssen.com/jquery-sortable-lists-with-drag-drop-handle/ - bookmarked by 1 members [...]

By: Deepak

Deepak — Mon, 08 Dec 2008 12:25:05 +0000

After sorting the data.
If we would like to save it .then how to do it.

ex:1,2,3,4,5 (before sorted)

(after sorting)2,4,1,5,3
(So how to save it )

By: James

James — Mon, 08 Dec 2008 10:55:27 +0000

Thanks for the guidance! Great article.

By: Volo Mike

Volo Mike — Mon, 24 Nov 2008 22:19:22 +0000

Wil - got an example that uses stacked DIVs instead of LI’s? I’m needing to make an interface to let one resort their resume items, so I was going to make a kind of graphical representation of each section and let them drag the sections around. Shoot me an email if you get a chance?

By: soulcrazy

soulcrazy — Sun, 21 Sep 2008 04:17:10 +0000

Ah! Thank you for this code. I managed to implement additional effects into this for an amazing result.

Email me if you would like the source. I’d be happy to share.