swapping the rows of a table

I've number of rows, i need to take the rowindex of the selected row and pass it as parameter to swapUp or swapDown methods which are called when user selects a row and clicks on Up or Down button

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<body>

<form name="myForm">
 
 <table id="mainTable" border="1" width="100%">
 
   <script>

     document.write('<tr>')

     document.write('<td>')

     document.write('row1')

     document.write('</td>')

     document.write('</tr>')
 
     document.write('<tr>')

     document.write('<td>')

     document.write('row2')

     document.write('</td>')

     document.write('</tr>')

     document.write('</table>')
 
     document.write('<table>')

     document.write('<tr>')

     document.write('<td>')

     document.write('<input type="button" value=" move UP " onClick="swapRowUp(getRowIndex(this))"</input>')>

     document.write('<input type="button" value="move DOWN" onClick="swapRowDown(getRowIndex(this))"</input>')>

     document.write('</td>')

     document.write('</tr>')

     document.write('</table>')

</script>

 </table>
 
</form>

</body>

</head>

</html>

<script>

var mainTable = document.getElementById("mainTable"); 

function getRowIndex(el)

{

while( (el = el.parentNode) && el.nodeName.toLowerCase() !== 'tr' );
 
   if( el ) 

        alert(el.rowIndex);

        return el.rowIndex;

}
 
function swapRowUp(chosenRow) {

 if (chosenRow.rowIndex != 0) {

   moveRow(chosenRow, chosenRow.rowIndex-1); 

 }

} 

function swapRowDown(chosenRow) {

 if (chosenRow.rowIndex != mainTable.rows.length-1) {

   moveRow(chosenRow, chosenRow.rowIndex+1); 

 }

} 
 
function moveRow(targetRow, newIndex) {

if (newIndex > targetRow.rowIndex) {

   newIndex++; 

 }
 
 var mainTable = document.getElementById('mainTable'); 
 
 var theCopiedRow = mainTable.insertRow(newIndex); 
 
 for (var i=0; i<targetRow.cells.length; i++) {

   var oldCell = targetRow.cells[i]; 

   var newCell = document.createElement("TD"); 

   newCell.innerHTML = oldCell.innerHTML; 

   theCopiedRow.appendChild(newCell); 

   copyChildNodeValues(targetRow.cells[i], newCell);

 } 

//delete the old row 

 mainTable.deleteRow(targetRow.rowIndex); 

} 
 
function copyChildNodeValues(sourceNode, targetNode) {

 for (var i=0; i < sourceNode.childNodes.length; i++) {

   try{

     targetNode.childNodes[i].value = sourceNode.childNodes[i].value;

   }

   catch(e){
 
   }

 }

}
 
</script>

this is the code i've written, but its not working.
can anybody help me out

Jan 15 '12 #1

Subscribe Post Reply

1985

Dormilich

8,658

Expert Mod 8TB

it may not work due to the many HTML errors.

Jan 15 '12 #2

Similar topics

Table Sort

by: jeffsal | last post by:

I am using sorttable.js to sort a table which works fine which allows a user to sort the table by clicking on the column header. Is there some code I could add to the page (onload or something) to...

Javascript

sorting content of table at client side

by: cotton_gear | last post by:

Hello, Fiest of all let me thank this group for so quick in responding to any postings. I am using a javascript based utility from a site to sort the columns of the table. But, for some strange...

Javascript

Swapping table columns

by: VA | last post by:

I got the following function to swap table columns from somewhere on the Internet function swapColumns (table, colIndex1, colIndex2) { if (table && table.rows && table.insertBefore && colIndex1...

Javascript

Query performance question on a large table

by: Együd Csaba | last post by:

Hi All, how can I improve the query performance in the following situation: I have a big (4.5+ million rows) table. One query takes approx. 9 sec to finish resulting ~10000 rows. But if I run...

PostgreSQL Database

Hide a table column in IE

by: Ian Collins | last post by:

I'm having a spot of bother hiding table columns in IE. With FF, setting the column cell's style.display to none (or changing the cell's class name to style that has display: none) completely...

Javascript

Table row striping

by: johkar | last post by:

I would like to ensure this script is optimized (runs correctly or does not execute) for the major browsers. Will checking getElementById and getElementsByTagName accomplish this? In addition,...

Javascript

Collapsible table sorting problem

by: Kamal | last post by:

Hello all, I have a very simple html table with collapsible rows and sorting capabilities. The collapsible row is hidden with css rule (display:none). When one clicks in the left of the...

Javascript

innerHTML for a table row problem

by: google | last post by:

I am having trouble with the following function that I am modifying from www.isocra.com. I am trying to change the ID of a hidden form object inside a table row. I have used alert() to test where...

Javascript

want data base connection in focus lost of a textbox in the table

by: rakeshnair | last post by:

i wrote a code in jsp to create dynamic table..the problem is i need data base connection when cursor moves from one cell to other... eg...when i enter product id in the first cell, the product name...

Java

Jquery table sorting help

by: jrod11 | last post by:

hi, I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing