deleting a table row

hi,
i post my code below , if i click any remove button mean ,particular row should be removed.. but i cann't do this because the corresponding row ie tr value is not come code and also i do't know the corresponding delete code

Expand|Select|Wrap|Line Numbers

 <html>

<body>

<script language = javascript>

function adddisplay()

{

alert('hai');

}

function addRowToTable()

{

// Collect varible

var jname=document.getElementById("name").value;

var jid=document.getElementById("fid").value;

var jage=document.getElementById("age").value;

var jdept=document.getElementById("dept").value;

var jpert=document.getElementById("pert").value;

var jcgname=document.getElementById("clgname").value;
 
var tbl = document.getElementById('tblSample');

var lastRow = tbl.rows.length;

// if there's no header row in the table, then iteration = lastRow + 1

var iteration = lastRow;

var row = tbl.insertRow(lastRow);
 
 var i;

for(i=0;i<=tbl.rows.length-1;i++)

{

var s=i;

}

alert(s);
 
//var tr=document.createElement("tr");

//tr.setAttribute('id', 'hid' + iteration);

//tr.appendChild(tr);

// left cell
 
var cellLeft = row.insertCell(0);

var textNode = document.createTextNode(iteration);

cellLeft.appendChild(textNode);
 
//var tr=document.createElement("tr");

//tr.setAttribute('id', 'hid' + iteration);

//tr.appendChild(td);
 
// right cell

var cellRight = row.insertCell(1);

var el = document.createElement('td');

//el.setAttribute('type', 'textarea');

el.setAttribute('id', 'did' + iteration);

//el.setAttribute('size', '0');

cellRight.appendChild(el);

var texttt = document.createTextNode(jname+" "+jid+" "+" "+jage+" "+jdept+" "+jpert+" "+jcgname);

cellRight.appendChild(texttt);
 
var cellremove= row.insertCell(2);

var rr1 = document.createElement('input');
 
var i;

for(i=0;i<=tbl.rows.length-1;i++)

{

rr1.setAttribute('type', 'button');

rr1.setAttribute('value','Remove' + i);

rr1.setAttribute('id', 'rid' + iteration);

rr1.setAttribute('size', '40');

rr1.onclick=function() {deleteRow(i)};

cellremove.appendChild(rr1);

}
 
}
 
function deleteRow(click_id)

{ 

var tbl = document.getElementById('tblSample');

var lastRow = tbl.rows.length;

var iteration = lastRow;

var row = tbl.insertRow(lastRow);
 
var rid=document.getElementById('did');

//for( var i=1<=tbl.rows.length-1;i++)

//{
 
 if(click_id=="3")

{   alert(click_id);

document.getElementById('rid')[i].style.display='none';
 
//}

}
 
}
 
//*function editRowFromTable()

//{
 
//javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

//document.getElementById("b1").addEventListener("edit", function(ev) {

//  if (checkbox.selected)

//{

//}

//}

//}
 
</script>
 
<form id="first">

NAME:<input type="text" id="name"><br>&nbsp;&nbsp;&nbsp;&nbsp;<br>

ID:<input type="text" id="fid"><br>&nbsp;&nbsp;&nbsp;&nbsp;<br>

AGE:<input type="text" id="age"><br>&nbsp;&nbsp;&nbsp;&nbsp;<br>

<b>QUALIFICATION:</b><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>

DEPT:<input type="text" id="dept"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>

PERCENTAGE:<input type="text" id="pert"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>

COLLEGE NAME:<input type="text" id="clgname"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>

<input type="button" value="Submit" id="submit" onclick="adddisplay();"><br>
 
<input type="button" value="Add" onclick="addRowToTable();" />
 
<input type="button" id="r1" value="Remove" onclick="deleteRow(this.id);" />

<input type="button" id="b1" value="Edit" onclick="editRowFromTable();" />
 
<table border="1" id="tblSample">
 
</table>
 
</form>

</body>

</html>

Mar 28 '12 #1

Subscribe Post Reply

1655

acoder

16,027

Expert Mod 8TB

Use deleteRow and change your code to use the click_id parameter.

Mar 28 '12 #2

by: ScottH | last post by:

I was looking for thw SQL to delete dupes from a table, and came across this. All who saw it agreed in principle, but I can't quite figure out the logic. If we are deleting all rows whose rowid...

Oracle Database

insert into indexed table

by: Jay | last post by:

Hi I have a huge table with over 100million records and on regular basis ineed to delete nearly a million records and insert a million records. Currently I delete indexes before going through the...

Microsoft SQL Server

Deleting Records

by: Nathan Bloom | last post by:

Hi, I have a data entry form (access 2000) that also allows the user to add, update, and delete records from the form. The Delete action is carried out in an event procedure and has the...

Microsoft Access / VBA

Error Deleting Table from Access DB

by: Mark | last post by:

Not sure this is the right place for this questions, but here goes: I get an error message when deleting an table from a Access database. The code is as follows and the error message is after...

ASP.NET

Deleting table entries from MS Access db from just an entry via web form

by: stokefan | last post by:

Hi all, I wondered if anyone knew if it was possible to delete entries in an MS Access database table from just entering data into it? I shall explain : If you have a web form (in asp.net...

Microsoft Access / VBA

Visio Validation Problem After Deleting Table

by: rob | last post by:

I have a visio file that models a database. I added a view to the project but then decided to delete it again. I simply hit the delete key after which I got a dialog saying: "Remove selected item...

.NET Framework

SubSelect of Table, rowIndex, sort and other fun

by: awebguynow | last post by:

Most JS people have seen sorttable.js and similar implementations. I'm trying to do a SubSelect of an existing table, restricting values in a Column to spec. range. Rows manipulated through...

Javascript

Finding and Deleting Table

by: sajithamol | last post by:

How we can find out by Query that wether a particular table exists?

Microsoft SQL Server

Deleting Forms with VBA

by: sphinney | last post by:

I'm not exactly sure how to start this post. My question is pretty simple, but it will take a little bit of context before I can state it. (And thanks in advance for taking the time to read this!) ...

Microsoft Access / VBA

Delete table records using checkbox in jsp

by: ramprakashjava | last post by:

hi, i hav "java.lang.NullPointerException" error while Deleting table records using checkbox in jsp here i enclosed files help quickly plzzz.. ...

Java

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

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

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

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

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++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

deleting a table row

Similar topics