Hi
here is my code.
<html>
<body>
<script>
function addRow()
{
var newRow = document.all("t blGrid").insert Row();
var oCell = newRow.insertCe ll();
oCell.innerHTML = f1.fullname.val ue;
oCell = newRow.insertCe ll();
oCell.innerHTML = f1.emailaddress .value;
oCell = newRow.insertCe ll();
oCell.innerHTML = "<input type='button' value='Edit' onclick='editva lidate(this);'/> <i nput type='button' value='Delete' onclick='remove Row(this);'/>";
}
function removeRow(src)
{
var oRow = src.parentEleme nt.parentElemen t;
document.all("t blGrid").delete Row(oRow.rowInd ex);
}
</script>
<table id="tblGrid">
<tr><td></td></tr>
</table>
<form name="f1">
Fullname<input type="text" name="fullname" ><br>
EmailAddress<in put type="text" name="emailaddr ess"><br>
<input type="button" value="add" onclick="addRow ();">
</form>
</body>
</html>
This coding works fine for deleting a particular row. But when i click the "Edit" button of the row created, I need those two values such as "name" and "emailaddre ss" to be brought back to the textbox and edited and then send back..
It would be so useful if anyone help me.
Thanks
by
sudha
29
