• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Creating-deleting rows in HTML(URGENT)

 
Ranch Hand
Posts: 428
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,
How can I create or delete the rows of the table when I click the button in HTML
Please let me know
Thanks in advance
Angela
 
Angela Jessi
Ranch Hand
Posts: 428
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Here is my code:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
function deleteValues(){
anuja.deleteRow(2)
}
function insertValues(){
anuja.insertRow()
}
</SCRIPT>
<body>
<table id = anuja border="1" width="42%">
<TR BGCOLOR=="#FF0000">
<TD BGCOLOR="#FF0000" width="23%">                    
<b>CONTROLLER</b></td>
<TD BGCOLOR="#FF0000" width="77%" >  <b> MODEL</b></td>
</tr>
<TR>
<TD width="23%">                
7040</td>
<td id = ip_421_value width="77%"><div name="IP-421">IP-421</div></td>
</tr>
<TR>
<TD width="23%">                
7050</td>
<td id = ip_421j width="77%"><div name="IP-421J">IP-421J</div></td>
</tr>
<TR>
<TD width="23%">              
7060</td>
<td id = ip_601 width="77%"><div name="IP-601">IP-601</div></td>
</tr>
</table>
<p><input type="submit" value="Insert" name="B1" OnClick ="insertValues()">
<input type="button" value="Delete" name="B3" OnClick ="deleteValues()"></p>
</body>
</html>
I can able to insert row and delete rows. But in insertrows, I cannot able to add cells
Please let me know
Thanks
Angela
 
Angela Jessi
Ranch Hand
Posts: 428
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,
I finally solve it! Here is my code:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
function deleteValues(){
anuja.deleteRow(2)
}
function insertValues(){
aRow = anuja.insertRow();
aCell1 = aRow.insertCell();
aCell1.innerText = "Hello";
aCell2 = aRow.insertCell();
aCell2.innerText = "Hi";
}
</SCRIPT>
<body>
<table id = "anuja" border="1" width="42%">
<TR BGCOLOR=="#FF0000">
<TD BGCOLOR="#FF0000" width="23%">                    
<b>CONTROLLER</b></td>
<TD BGCOLOR="#FF0000" width="77%" >  <b> MODEL</b></td>
</tr>
<TR>
<TD width="23%">                
7040</td>
<td id = ip_421_value width="77%">IP-421</td>
</tr>
<TR>
<TD width="23%">                
7050</td>
<td id = ip_421j width="77%">IP-421J</td>
</tr>
<TR>
<TD width="23%">              
7060</td>
<td id = ip_601 width="77%">IP-601</td>
</tr>
</table>
<p><input type="submit" value="Insert" name="B1" OnClick ="insertValues()">
<input type="button" value="Delete" name="B3" OnClick ="deleteValues()"></p>
</body>
</html>
Thanks
Angela
 
reply
    Bookmark Topic Watch Topic
  • New Topic