jQuery UI sortable - sorting images
Posted
by
GSTAR
on Stack Overflow
See other posts from Stack Overflow
or by GSTAR
Published on 2010-12-22T16:25:21Z
Indexed on
2010/12/23
11:53 UTC
Read the original article
Hit count: 273
I've just implemented the jQuery UI sortable plugin for a set of images. The markup I have is as follows:
<ul id="images" class="ui-sortable">
<li id="7884029"><img src="/images/member/4698568/7884029_t.jpg" alt="" /></li>
<li id="7379458"><img src="/images/member/4698568/7379458_t.jpg" alt="" /></li>
<li id="1704208"><img src="/images/member/4698568/1704208_t.jpg" alt="" /></li>
<li id="1750715"><img src="/images/member/4698568/1750715_t.jpg" alt="" /></li>
<li id="4364912"><img src="/images/member/4698568/4364912_t.png" alt="" /></li>
</ul>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
jQuery('#images').sortable({'delay':'100'});
});
/*]]>*/
</script>
The LI id is the 'name' column in the DB table - I prefer not to display the ID column.
Now my question is how do I capture the sorting? I understand this would be an AJAX request but I have no idea how to do it. I have set up a sort_order column in my DB table and I am using PHP as my scripting language. I could do with a code example.
EDIT:
Ideally I prefer if the sort order is applied upon moving an item, i.e. I do not want to enclose it all in a form.
© Stack Overflow or respective owner