I'm following the tutorial here:
http://www.wil-linssen.com/jquery-so...g-drop-handle/
I'm having to do things just a little differently since I have a number of product categories in which I have a number of products that ultimately need to be sorted.
When I drag and drop (which is working) it is calling my php page but there is no data being sent in the query string.
Code:
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
// When the document is ready set up our sortable with it's inherant function(s)
$(document).ready(function() {
$("#used_products").sortable({
handle : '.handle',
update : function () {
var order1 = $('#used_products').sortable('serialize');
$("#info").load("process-sortable.php?"+order1);
}
});
$("#metal_entry_doors").sortable({
handle : '.handle',
update : function () {
var order2 = $('#metal_entry_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order2);
}
});
$("#door_&_dock_canopies").sortable({
handle : '.handle',
update : function () {
var order3 = $('#door_&_dock_canopies').sortable('serialize');
$("#info").load("process-sortable.php?"+order3);
}
});
$("#hand_trucks_&_carts").sortable({
handle : '.handle',
update : function () {
var order4 = $('#hand_trucks_&_carts').sortable('serialize');
$("#info").load("process-sortable.php?"+order4);
}
});
$("#material_handling").sortable({
handle : '.handle',
update : function () {
var order5 = $('#material_handling').sortable('serialize');
$("#info").load("process-sortable.php?"+order5);
}
});
$("#safety_products").sortable({
handle : '.handle',
update : function () {
var order6 = $('#safety_products').sortable('serialize');
$("#info").load("process-sortable.php?"+order6);
}
});
$("#dock_lights").sortable({
handle : '.handle',
update : function () {
var order7 = $('#dock_lights').sortable('serialize');
$("#info").load("process-sortable.php?"+order7);
}
});
$("#dock_seals_&_shelters").sortable({
handle : '.handle',
update : function () {
var order8 = $('#dock_seals_&_shelters').sortable('serialize');
$("#info").load("process-sortable.php?"+order8);
}
});
$("#wheel_chocks").sortable({
handle : '.handle',
update : function () {
var order9 = $('#wheel_chocks').sortable('serialize');
$("#info").load("process-sortable.php?"+order9);
}
});
$("#truck_restraints").sortable({
handle : '.handle',
update : function () {
var order10 = $('#truck_restraints').sortable('serialize');
$("#info").load("process-sortable.php?"+order10);
}
});
$("#portable_dock_boards").sortable({
handle : '.handle',
update : function () {
var order11 = $('#portable_dock_boards').sortable('serialize');
$("#info").load("process-sortable.php?"+order11);
}
});
$("#dock_levelers").sortable({
handle : '.handle',
update : function () {
var order12 = $('#dock_levelers').sortable('serialize');
$("#info").load("process-sortable.php?"+order12);
}
});
$("#dock_bumpers").sortable({
handle : '.handle',
update : function () {
var order13 = $('#dock_bumpers').sortable('serialize');
$("#info").load("process-sortable.php?"+order13);
}
});
$("#specialty_doors").sortable({
handle : '.handle',
update : function () {
var order14 = $('#specialty_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order14);
}
});
$("#traffic_doors").sortable({
handle : '.handle',
update : function () {
var order15 = $('#traffic_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order15);
}
});
$("#high_speed_doors").sortable({
handle : '.handle',
update : function () {
var order16 = $('#high_speed_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order16);
}
});
$("#fire_doors").sortable({
handle : '.handle',
update : function () {
var order17 = $('#fire_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order17);
}
});
$("#commercial_electric_operators").sortable({
handle : '.handle',
update : function () {
var order18 = $('#commercial_electric_operators').sortable('serialize');
$("#info").load("process-sortable.php?"+order18);
}
});
$("#commercial_sectional_doors").sortable({
handle : '.handle',
update : function () {
var order19 = $('#commercial_sectional_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order19);
}
});
$("#commercial_rolling_doors").sortable({
handle : '.handle',
update : function () {
var order20 = $('#commercial_rolling_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order20);
}
});
$("#residential_electrical_operators").sortable({
handle : '.handle',
update : function () {
var order21 = $('#residential_electrical_operators').sortable('serialize');
$("#info").load("process-sortable.php?"+order21);
}
});
$("#residential_garage_doors").sortable({
handle : '.handle',
update : function () {
var order22 = $('#residential_garage_doors').sortable('serialize');
$("#info").load("process-sortable.php?"+order22);
}
});
});
</script>
Code:
<div id="info"></div>
<h3>Used Products</h3><ul id="used_products" class="list ui-sortable"></ul><h3>Metal Entry Doors</h3><ul id="metal_entry_doors" class="list ui-sortable"></ul><h3>Door & Dock Canopies</h3><ul id="door_&_dock_canopies" class="list"></ul><h3>Hand Trucks & Carts</h3><ul id="hand_trucks_&_carts" class="list"></ul><h3>Material Handling</h3><ul id="material_handling" class="list ui-sortable"></ul><h3>Safety Products</h3><ul id="safety_products" class="list ui-sortable"></ul><h3>Dock Lights</h3><ul id="dock_lights" class="list ui-sortable"></ul><h3>Dock Seals & Shelters</h3><ul id="dock_seals_&_shelters" class="list"></ul><h3>Wheel Chocks</h3><ul id="wheel_chocks" class="list ui-sortable"></ul><h3>Truck Restraints</h3><ul id="truck_restraints" class="list ui-sortable"></ul><h3>Portable Dock Boards</h3><ul id="portable_dock_boards" class="list ui-sortable"></ul><h3>Dock Levelers</h3><ul id="dock_levelers" class="list ui-sortable"></ul><h3>Dock Bumpers</h3><ul id="dock_bumpers" class="list ui-sortable"></ul><h3>Specialty Doors</h3><ul id="specialty_doors" class="list ui-sortable"></ul><h3>Traffic Doors</h3><ul id="traffic_doors" class="list ui-sortable"></ul><h3>High Speed Doors</h3><ul id="high_speed_doors" class="list ui-sortable"><li class="" style="" id="12"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Bantam[ <a href="?edit=12">EDIT</a> | <a href="?delete=12">DELETE</a> ]</li><li class="" style="" id="11"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Arctec[ <a href="?edit=11">EDIT</a> | <a href="?delete=11">DELETE</a> ]</li><li id="17"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Clear-Seal[ <a href="?edit=17">EDIT</a> | <a href="?delete=17">DELETE</a> ]</li><li class="" style="" id="16"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Clean-Roll[ <a href="?edit=16">EDIT</a> | <a href="?delete=16">DELETE</a> ]</li><li id="19"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Fast-Fold[ <a href="?edit=19">EDIT</a> | <a href="?delete=19">DELETE</a> ]</li><li id="20"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Fast-Seal[ <a href="?edit=20">EDIT</a> | <a href="?delete=20">DELETE</a> ]</li><li id="9"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec PredaDoor[ <a href="?edit=9">EDIT</a> | <a href="?delete=9">DELETE</a> ]</li><li id="10"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec PredaDoor NXT[ <a href="?edit=10">EDIT</a> | <a href="?delete=10">DELETE</a> ]</li><li id="21"><img src="move.png" alt="move" class="handle" width="16" height="16">Rytec Spiral/ Spiral Full View[ <a href="?edit=21">EDIT</a> | <a href="?delete=21">DELETE</a> ]</li></ul><h3>Fire Doors</h3><ul id="fire_doors" class="list ui-sortable"></ul><h3>Commercial Electric Operators</h3><ul id="commercial_electric_operators" class="list ui-sortable"></ul><h3>Commercial Sectional Doors</h3><ul id="commercial_sectional_doors" class="list ui-sortable"></ul><h3>Commercial Rolling Doors</h3><ul id="commercial_rolling_doors" class="list ui-sortable"></ul><h3>Residential Electrical Operators</h3><ul id="residential_electrical_operators" class="list ui-sortable"></ul><h3>Residential Garage Doors</h3><ul id="residential_garage_doors" class="list ui-sortable"><li id="26"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 5283[ <a href="?edit=26">EDIT</a> | <a href="?delete=26">DELETE</a> ]</li><li class="" style="" id="25"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 2250/51/55-4250/51/55[ <a href="?edit=25">EDIT</a> | <a href="?delete=25">DELETE</a> ]</li><li class="" style="" id="45"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 5500 Series[ <a href="?edit=45">EDIT</a> | <a href="?delete=45">DELETE</a> ]</li><li class="" style="" id="27"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 5216[ <a href="?edit=27">EDIT</a> | <a href="?delete=27">DELETE</a> ]</li><li class="" style="" id="28"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 5250/51[ <a href="?edit=28">EDIT</a> | <a href="?delete=28">DELETE</a> ]</li><li id="46"><img src="move.png" alt="move" class="handle" width="16" height="16">CHI 5400 Series[ <a href="?edit=46">EDIT</a> | <a href="?delete=46">DELETE</a> ]</li></ul>
Any help is greatly appreciated.
Before you post, read our: 
