LevelUp! Studio » row https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 Switching the rows of an HTML table https://blog.levelup.in.th/2010/05/27/%e0%b8%aa%e0%b8%a5%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%96%e0%b8%a7%e0%b9%83%e0%b8%99-table-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-javascriptswitching-the-rows-of-an-html-table/ https://blog.levelup.in.th/2010/05/27/%e0%b8%aa%e0%b8%a5%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%96%e0%b8%a7%e0%b9%83%e0%b8%99-table-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-javascriptswitching-the-rows-of-an-html-table/#comments Thu, 27 May 2010 10:26:16 +0000 http://blog.levelup.in.th/?p=608 ปัญหา

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

วิธีการ


//สลับด้วย 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

]]>
https://blog.levelup.in.th/2010/05/27/%e0%b8%aa%e0%b8%a5%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%96%e0%b8%a7%e0%b9%83%e0%b8%99-table-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-javascriptswitching-the-rows-of-an-html-table/feed/ 0