[jQuery] newbie question- how to configure get request - ui sortable list using connectWith
Hello
I have been trying make a sortable list that sorts elements among different
unordered lists and sends the data to a script to update the order in a a
database. The problem I'm having right now is that the get request is only
sending the data from the <ul> that the element is dropped into. So it would
start reordering the list from that point even if it's not the first one.
Here is my code so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Quanta Plus">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-ui-
personalized-1.6rc4.min.js"></script>
<script type='text/javascript'>
$(function() {
$("#group-1, #group-2").sortable({
connectWith: ['.connectedSortable'],
update: function() {
var order = $(this).sortable("serialize");
$.get("up_test.php"+order);
$("#info").load("up_test.php?"+order);
}
});
});
</script>
</head>
<body>
<div>
<table width="50%">
<tbody>
<tr>
<td><h2>Gym 1</h2>
<ul id="group-1" class="connectedSortable">
<li id="act_1" >Student 1</li>
<li id="act_2">Student 2</li>
<li id="act_3">Student 3</li>
<li id="act_4">Student 4</li> </td>
</ul>
<td>
<h2>Computers</h2>
<ul id="group-2" class="connectedSortable">
<li id="act_5">Student 5</li>
<li id="act_6">Student 6</li>
<li id="act_7">Student 7</li>
<li id="act_8">Student 8</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div id="info">Update statements from script will load here.</DIV>
</body>
</html>
Thank you,
Scott