HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<script>
function swapRows(r1, r2) {
var rowArr = document.getElementsByTagName("tr");
var tdArr1 = rowArr[r1].getElementsByTagName("td");
var tdArr2 = rowArr[r2].getElementsByTagName("td");
for (i=0;i<tdArr1.length;i++) {
tempHold=tdArr1[i].innerHTML;
tdArr1[i].innerHTML=tdArr2[i].innerHTML;
tdArr2[i].innerHTML=tempHold;
}
}
</script>
</head>
<body>
<table>
<tr class="someClass">
<td>...some input box 1-a...</td>
<td>...some input box 1-b...</td>
</tr>
<tr class="someClass">
<td>...some input box 2-a...</td>
<td>...some input box 2-b...</td>
</tr>
<tr class="someClass">
<td>...some input box 3-a...</td>
<td>...some input box 3-b...</td>
</tr>
</table>
<button onclick="swapRows(0, 2)">Swap Rows</button>
</body>
</html>
Reply With Quote
Bookmarks