Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Aug 2004
    Location
    Nashville
    Posts
    202
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with jQuery sortable

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

  • #2
    Regular Coder
    Join Date
    Aug 2004
    Location
    Nashville
    Posts
    202
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Anyone with ideas?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •