UI Sortable

by Bianca Kuehweidner

HTML

<input type="hidden" id="hiddenSortValues" value="AN_row_1;AN_row_0;AN_row_2">

<table id="sortable">
    <tr id="AN_row_0"><td>Row 0</td></tr>
    <tr id="AN_row_1"><td>Row 1</td></tr>
    <tr id="AN_row_2"><td>Row 2</td></tr>
<//table>

JavaScript

// assuming this is the array you've recovered from whereever:
//var storedArray = ['AN_row_1', 'AN_row_0', 'AN_row_2'];

var storedValues = $("#hiddenSortValues").val();
var storedArray = storedValues.split(';');

function reorder(orderedArray) {
    var el, pre, p = document.getElementById(orderedArray[0]).parentNode;
    orderedArray.forEach(function (a, b, c) {
        if (b > 0) {
            el = document.getElementById(a);
            pre = document.getElementById(c[b - 1]);

            p.insertBefore(el, pre.nextSibling);
        }
    });
}

reorder(storedArray);