+ // Use AJAX calls to reorder the table (so we don't need to reload the page).
+ $('body').on('click', '.table-order', function(e) {
+ e.preventDefault();
+
+ // Get the parent table element.
+ var table = $(this).parents('table');
+ var orderUrl = this.getAttribute("data-order-url");
+ table.fadeTo("fast", 0.33);
+
+ $("body").css("cursor", "wait");
+
+ $.get(orderUrl, function(data) {
+ // Find the table element in the html we got.
+ var result = $(data).find('#' + table[0].id);
+ // And add the new table html to the parent.
+ $(table).parent().html(result);
+
+ $("body").css("cursor", "auto");
+ });
+ });
+