M
Mitch
Here is some code I have bastardised from a few places, Obviously the
innerHTML coding won't work in Mozilla, could anyone suggest a work
around or fix?
cheers,
Mitch.
****************snip*************************
<html>
<head>
<title>Untitled</title>
<script>
var rowNum = 0;
function addRow(rowCount){
var theTab = document.getElementById('accTab');
var blankRow = theTab.rows[0];
for(r=0;r<rowCount;r++){
var newRow = theTab.insertRow();
for (i=0; i < blankRow.cols; i++) {
newRow.insertCell().innerHTML =
blankRow.cells.innerHTML.replace(/\#/g, rowNum++);
}
}
}
</script>
</head>
<body onLoad='addRow(5);'>
<table cellpadding="0" cellspacing="0" width="100%" id="accTab"
border="1">
<tr style="display:none" class="altRow" cols=6>
<td align="center"><input maxlength="20" size="13"
name="c_code1" ></td>
<td align="center"><select name=duty1><option value=""
rate="">Please select</option></select></td>
<td align="center"><input maxlength="4" size="2" ></td>
<td align="center"><input maxlength="4" size="2" ></td>
<td align="center"><input maxlength="8" size="5" ></td>
<td align="center"><input maxlength="8" size="7" ></td>
</tr>
<tr>
<th align="left">field1<span class="requiredField">*</span></th>
<th align="left">select1 <span class="requiredField">*</span></th>
<th align="left">field2<span class="requiredField">*</span></th>
<th align="left">field3<span class="requiredField">*</span></th>
<th align="left">field4</th>
<th align="left">field5</th>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" border="1">
<tr>
<td colspan="6"><input type=button value='Add Item'
onClick="addRow(1)"></td>
</tr>
</table>
</body>
</html>
*********************************snip****************************
innerHTML coding won't work in Mozilla, could anyone suggest a work
around or fix?
cheers,
Mitch.
****************snip*************************
<html>
<head>
<title>Untitled</title>
<script>
var rowNum = 0;
function addRow(rowCount){
var theTab = document.getElementById('accTab');
var blankRow = theTab.rows[0];
for(r=0;r<rowCount;r++){
var newRow = theTab.insertRow();
for (i=0; i < blankRow.cols; i++) {
newRow.insertCell().innerHTML =
blankRow.cells.innerHTML.replace(/\#/g, rowNum++);
}
}
}
</script>
</head>
<body onLoad='addRow(5);'>
<table cellpadding="0" cellspacing="0" width="100%" id="accTab"
border="1">
<tr style="display:none" class="altRow" cols=6>
<td align="center"><input maxlength="20" size="13"
name="c_code1" ></td>
<td align="center"><select name=duty1><option value=""
rate="">Please select</option></select></td>
<td align="center"><input maxlength="4" size="2" ></td>
<td align="center"><input maxlength="4" size="2" ></td>
<td align="center"><input maxlength="8" size="5" ></td>
<td align="center"><input maxlength="8" size="7" ></td>
</tr>
<tr>
<th align="left">field1<span class="requiredField">*</span></th>
<th align="left">select1 <span class="requiredField">*</span></th>
<th align="left">field2<span class="requiredField">*</span></th>
<th align="left">field3<span class="requiredField">*</span></th>
<th align="left">field4</th>
<th align="left">field5</th>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" border="1">
<tr>
<td colspan="6"><input type=button value='Add Item'
onClick="addRow(1)"></td>
</tr>
</table>
</body>
</html>
*********************************snip****************************