36
Hey guys, another part of program I am stuck at is to create an email storage / reference system. I need the first line to hold the basic info, from to address etc and then a second row to store the message and any comments in a text box. The problem I am having is that I put the two into different tables so when a new line is added it adds to both them. Is it possible to do this e.g to have on the second add to append it to the bottom table?
I To | | From | | Date | | Subject |
| Message | | onClick() |
Which would go to
I To | | From | | Date | | Subject |
| Message |
I To | | From | | Date | | Subject |
| Message | | onClick() |
And so on. Here is the code i have so far ....
[HTML]<html>
<head>
<script type="text/javascript">
function removeRowFromTa ble()
{
var tbl = document.getEle mentById('myTab le');
var lastRow = tbl.rows.length ;
if (lastRow > 2) tbl.deleteRow(l astRow - 1);
var tbl1 = document.getEle mentById('myTab le1');
var lastRow1 = tbl1.rows.lengt h;
if (lastRow1 > 2) tbl1.deleteRow( lastRow1 - 1);
}
</script>
<script type="text/javascript">
function doThis()
{
var myTab = document.getEle mentById('myTab le');
var row=myTab.rows. length;
var y=myTab.insertR ow(row);
var a=y.insertCell( 0);
var xx= document.create Element('input' );
xx.type="text";
xx.name="EmailF rom[]";
a.appendChild(x x);
var b=y.insertCell( 1);
var xx= document.create Element('input' );
xx.type="text";
xx.name="EmailT o[]";
b.appendChild(x x);
var c=y.insertCell( 2);
var xx= document.create Element('input' );
xx.type="text";
xx.name="EmailD ate[]";
c.appendChild(x x);
var d=y.insertCell( 3);
var xx= document.create Element('input' );
xx.type="text";
xx.name="EmailS ubject[]";
d.appendChild(x x);
var myTab1 = document.getEle mentById('myTab le1');
var row1=myTab1.row s.length;
var z=myTab1.insert Row(row1);
var e=z.insertCell( 0);
var xx= document.create Element('textar ea');
xx.col="200"
xx.rows="5"
xx.name="Messag e[]";
e.appendChild(x x);
}
</script>
</head>
<body>
<br/>
<input type="button" value="Add" onclick="doThis ()">
<input type="button" value="Remove" onClick="remove RowFromTable()" >
<br/>
<table id="myTable" border="1" cellspacing="5" cellpadding="5" >
<tr>
<th>From</th>
<th>To</th>
<th>Date</th>
<th>Subject</th>
</tr>
<table id="myTable1" border="1" cellspacing="5" cellpadding="5" >
<tr>
<th>Message</th>
</tr>
</table>
</table>
</body>
</html>[/HTML]
Any help much appreciated
