Saving state using jQuery Sortable Plugin
Hi,
Im new to jQuery and need to implement the sortable plugin (
http://interface.eyecon.ro/demos/sort.html) to a website. Implementation was easy until I realized that I need to be able to save the state of the sortable.
My questions are :
- How do I save the state/order in the database ? I would like to call a CF page and save the serial.hash to DB
- How do I load the state/order from the database ? I would like to call a CF page and get the serial.hash from DB
Im using Coldfusion to talk to my Database.
Thanks for any help.
-
<script type="text/javascript">
$(document).ready(
function () {
$('a.closeEl').bind('click', toggleContent);
$('div.groupWrapper').Sortable(
{
accept: 'groupItem',
helperclass: 'sortHelper',
activeclass : 'sortableactive',
hoverclass : 'sortablehover',
handle: 'div.itemHeader',
tolerance: 'pointer',
onChange : function(ser)
{
},
onStart : function()
{
$.iAutoscroller.start(this, document.getElementsByTagName('body'));
},
onStop : function()
{
$.iAutoscroller.stop();
}
}
);
}
);
var toggleContent = function(e)
{
var targetContent = $('div.itemContent', this.parentNode.parentNode);
if (targetContent.css('display') == 'none') {
targetContent.slideDown(300);
$(this).html('[-]');
} else {
targetContent.slideUp(300);
$(this).html('[+]');
}
return false;
};
function serialize(s)
{
serial = $.SortSerialize(s);
alert(serial.hash);
};
</script>