AJAX Script – Similar to WordPress Widgets Arrange

2 comments

1. Here is a fiddle with some of the functionality you want: http://jsfiddle.net/maniator/26UNk/

   JS:

   $("#content ul").sortable({
       opacity: 0.6,
       cursor: 'move',
       update: function() {
           var order = $(this).sortable("serialize") + '&action=updateRecordsListings';
           $.post("updateDB.php", order, function(theResponse) {
               //some sort of ajax code
           });
       }
   });
   

   Log in to Reply

2. Here’s a tutorial using Prototype/Scriptaculous:

   http://webdesign.torn.be/tutorials/javascript/prototype/sort-images-with-prototype/

   I’m sure there are tens of tutorials available using various Javascript libraries or plain Javascript. Try searching for ‘drag drop javascript’ or ‘sortable list javascript’.

   Log in to Reply