Switching the rows of an HTML table by plug.in

ปัญหา

จะสลับแถวของตาราง จะทำยังไง

วิธีการ

//สลับด้วย index ของ แถว

function exchange(i, j, tableID)
{
  var table = document.getElementByID('tableID');
  var trs = oTable.tBodies[0].getElementsByTagName("tr");

  if(i == j+1) {
    oTable.tBodies[0].insertBefore(trs[i], trs[j]);
  } else if(j == i+1) {
    oTable.tBodies[0].insertBefore(trs[j], trs[i]);
  } else {
    var tmpNode = oTable.tBodies[0].replaceChild(trs[i], trs[j]);
    if(typeof(trs[i]) != "undefined") {
      oTable.tBodies[0].insertBefore(tmpNode, trs[i]);
    } else {
      oTable.appendChild(tmpNode);
    }
  }
}

//
สลับด้วย Object ของ Row (tr)
function exchange(oRowI, oRowJ, oTable)
{
  if(oRowI.rowIndex == oRowJ.rowIndex+1) {
    oTable.insertBefore(oRowI, oRowJ);
  } else if(oRowJ.rowIndex == oRowI.rowIndex+1) {
    oTable.insertBefore(oRowJ, oRowI);
  } else {
    var tmpNode = oTable.replaceChild(oRowI, oRowJ);
    if(typeof(oRowI) != "undefined") {
      oTable.insertBefore(tmpNode, oRowI);
    } else {
      oTable.appendChild(tmpNode);
    }
  }
}

source: http://terrill.ca/sorting/switching_table_rows.php