http://harryche2008.wordpress.com/2008/07/19/how-to-do-ajax-style-drag-n-drop-sorting-with-rails/

Now how to drag and drop sort with a table:

http://dubaimacha.blogspot.com/2007/08/sort-table-with-rails-ajax-way.html

Sorting a table

http://dev.nozav.org/rails_ajax_table.html

ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken):

<script type="text/javascript">

_spBodyOnLoadFunctionNames.push("fillDefaultValues");

var vals = new Object();

var navBarHelpOverrideKey = "wssmain";

function fillDefaultValues() {
  var qs = location.search.substring(1, location.search.length);
  var args = qs.split("&");

  for (var i=0; i < args.length; i++) {
    var nameVal = args[i].split("=");
    var temp = unescape(nameVal[1]).split('+');
    nameVal[1] = temp.join(' ');
    vals[nameVal[0]] = nameVal[1];
  }
  setLookupFromFieldName("ProjectID", vals["ProjectID"]);
}

// setLookupFromFieldName: Set a form field value using its
//    fieldname to find it in the page
// Arguments:
//        fieldName:    The name of the list column
//        value:        Set the fieldName to this value
//
    function setLookupFromFieldName(fieldName, value) {
        if (value == undefined) return;
        var theInput = getTagFromIdentifierAndTitle("input","",fieldName);
        if(theInput != null) {
            theInput.value = value;
        }
    }

// getTagFromIdentifierAndTitle: Find a form field object using its tagName,
//     identifier, and title to find it in the page
// Arguments:
//        tagName:    The type of input field (input, select, etc.)
//        identifier:    The identifier for the instance of the fieldName
//                       (ff1, ff2, etc.)
//        title:        The title of the list column
//
    function getTagFromIdentifierAndTitle(tagName, identifier, title) {
        var len = identifier.length;
        var tags = document.getElementsByTagName(tagName);

        for (var i=0; i < tags.length; i++) {
            var tempString = tags[i].id;
            if (tags[i].title == title && (identifier == "" ||
                  tempString.indexOf(identifier) == tempString.length - len)) {
                return tags[i];
            }
        }
        return null;
    }

</script>