...

View Full Version : Problem with jQuery sortable



macmonkey
10-01-2009, 03:27 PM
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.


<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>


<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 &amp; Dock Canopies</h3><ul id="door_&amp;_dock_canopies" class="list"></ul><h3>Hand Trucks &amp; Carts</h3><ul id="hand_trucks_&amp;_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 &amp; Shelters</h3><ul id="dock_seals_&amp;_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.

macmonkey
10-02-2009, 03:31 PM
Anyone with ideas?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum