I have a JavaScript that adds several cells up using the DOM tree on a page,
the problem is that the client wants ot use Netscape 4.78. This page works
great on Netscape 6 and IE all versions but not in Netscape 4.78, it simply
does not run. Please help.
Note: JavaScript on the bottom.
Any help greatly need, thanks so much.
Garrett
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tester</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" marginheight="0"
onLoad='addItAll();' link="#000000" vlink="#000000" alink="#000000">
<Form name="form1" method="get" >
<table width="100%" border="0" cellspacing="0"
cellpadding="0" name="table01_back" summary="data">
<tr>
<td width="2%"> </td>
<td width="98%" bgcolor="#386427">
<table width="100%" border="0" cellspacing="1"
cellpadding="2" summary="data">
<tr ID="T3R1" >
<td ID="T3R1C1" colspan="12"
class="chartTop"><span class="chartTopbold">Set
Mission</span><br>
</td>
</tr>
<tr ID="T3R2" >
<td ID="T3R2C1" class="yelloChartbold"> </td>
<td ID="T3R2C2" colspan="3"
class="yelloChartbold">NPS
Trainers</td>
<td ID="T3R2C3" colspan="3"
class="yelloChartbold">NPS
Non-Trainers</td>
<td ID="T3R2C4" colspan="3"
class="yelloChartbold">Prior
Service</td>
<td ID="T3R2C5" colspan="2" class="yelloChartbold"
width="20%">Total</td>
</tr>
<tr ID="T3R3" class="yellowChart">
<td ID="T3R3C1"> </td>
<td ID="T3R3C2">NPSM</td>
<td ID="T3R3C3">NPSF</td>
<td ID="T3R3C4">Total</td>
<td ID="T3R3C5">NPSM</td>
<td ID="T3R3C6">NPSF</td>
<td ID="T3R3C7">Total</td>
<td ID="T3R3C8">PS T</td>
<td ID="T3R3C9">PS NT</td>
<td ID="T3R3C10">Total</td>
<td ID="T3R3C11" colspan="2"><input type="text"
name="textfield1" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R4" class="yellowChart">
<td ID="T3R4C1">Quarter 1</td>
<td ID="T3R4C2"><input type="text"
name="textfield1" size="5" value="7762" onblur='addItAll();'></td>
<td ID="T3R4C3"><input type="text"
name="textfield2" size="5" value="2838" onblur='addItAll();'></td>
<td ID="T3R4C4"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R4C5"><input type="text"
name="textfield54" size="5" value="546" onblur='addItAll();'></td>
<td ID="T3R4C6"><input type="text"
name="textfield55" size="5" value="154" onblur='addItAll();'></td>
<td ID="T3R4C7"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R4C8"><input type="text"
name="textfield562" size="5" value="414" onblur='addItAll();'></td>
<td ID="T3R4C9"><input type="text"
name="textfield5622" size="5" value="986" onblur='addItAll();'></td>
<td ID="T3R4C10"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R4C11" colspan="2"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R5" class="yellowChart">
<td ID="T3R5C1">Quarter 2</td>
<td ID="T3R5C2"><input type="text"
name="textfield5626" size="5" value="14947" onblur='addItAll();'></td>
<td ID="T3R5C3"><input type="text"
name="textfield5626" size="5" value="4453" onblur='addItAll();'></td>
<td ID="T3R5C4"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R5C5"><input type="text"
name="textfield5628" size="5" value="702" onblur='addItAll();'></td>
<td ID="T3R5C6"><input type="text"
name="textfield5629" size="5" value="198" onblur='addItAll();'></td>
<td ID="T3R5C7"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R5C8"><input type="text"
name="textfield56211" size="5" value="630" onblur='addItAll();'></td>
<td ID="T3R5C9"><input type="text"
name="textfield56212" size="5" value="970" onblur='addItAll();'></td>
<td ID="T3R5C10"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R5C11" colspan="2"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R6" class="yellowChart">
<td ID="T3R6C1">Quarter 3</td>
<td ID="T3R6C2"><input type="text"
name="textfield562162" size="5" value="13720" onblur='addItAll();'></td>
<td ID="T3R6C3"><input type="text"
name="textfield56216" size="5" value="2980" onblur='addItAll();'></td>
<td ID="T3R6C4"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R6C5"><input type="text"
name="textfield56218" size="5" value="624" onblur='addItAll();'></td>
<td ID="T3R66"><input type="text"
name="textfield56219" size="5" value="176" onblur='addItAll();'></td>
<td ID="T3R6C7"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R6C8"><input type="text"
name="textfield56221" size="5" value="615" onblur='addItAll();'></td>
<td ID="T3R6C9"><input type="text"
name="textfield56222" size="5" value="885" onblur='addItAll();'></td>
<td ID="T3R6C10"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R6C11" colspan="2"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R7" class="yellowChart">
<td ID="T3R7C1">Quarter 4</td>
<td ID="T3R7C2"><input type="text"
name="textfield56225" size="5" value="18550" onblur='addItAll();'></td>
<td ID="T3R7C3"><input type="text"
name="textfield56226" size="5" value="4700" onblur='addItAll();'></td>
<td ID="T3R7C4"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R7C5"><input type="text"
name="textfield562292" size="5" value="468" onblur='addItAll();'></td>
<td ID="T3R7C6"><input type="text"
name="textfield56229" size="5" value="132" onblur='addItAll();'></td>
<td ID="T3R7C7"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R7C8"><input type="text"
name="textfield56231" size="5" value="290" onblur='addItAll();'></td>
<td ID="T3R7C9"><input type="text"
name="textfield56232" size="5" value="1210" onblur='addItAll();'></td>
<td ID="T3R7C10"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R7C11" colspan="2"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R8" class="yellowChart">
<td ID="T3R8C1">Total Row</td>
<td ID="T3R8C2"><input type="text"
name="textfield56225" size="5" onblur='addItAll();'></td>
<td ID="T3R8C3"><input type="text"
name="textfield56226" size="5" onblur='addItAll();'></td>
<td ID="T3R8C4"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R8C5"><input type="text"
name="textfield562292" size="5" onblur='addItAll();'></td>
<td ID="T3R8C6"><input type="text"
name="textfield56229" size="5" onblur='addItAll();'></td>
<td ID="T3R8C7"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R8C8"><input type="text"
name="textfield56231" size="5" onblur='addItAll();'></td>
<td ID="T3R8C9"><input type="text"
name="textfield56232" size="5" onblur='addItAll();'></td>
<td ID="T3R8C10"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
<td ID="T3R8C11" colspan="2"><input type="text"
name="textfield2" size="5" onblur='addItAll();'></td>
</tr>
<tr ID="T3R9" align="right" class="chartBottom">
<td ID="T3R9C1" colspan="12"><a
href="Armygroup_accession_a_v.html"
onMouseUp="MM_swapImage('Submit','','../../../../games/USAREC/media/submit_h
it.gif',1)"
onMouseOver="MM_swapImage('Submit','','../../../../games/USAREC/media/submit
_on.gif',1)"><img name="Submit" border="0"
src="../../../../games/USAREC/media/submit.gif" width="100" height="22"
alt="submit button"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</Form>
</body>
<script language="JavaScript" type="text/javascript">
var num_elements = window.document.form1.elements.length;
var rowTotal = 0
var cellIndex = 0
function addItAll(){
addTheFields()
update()
}
function addTheFields() {
tableTotal = 0;
for (row = 0; row < 4; row++) {
rowTotal = 0;
for (col = 0; col < 10; col++) {
cellIndex = (row*10+col+1);
if (col == 9) {
document.form1.elements[cellIndex].value = rowTotal;
}
else {
if ((col == 2) || (col == 5)||(col == 8)){
document.form1.elements[cellIndex].value = new
Number(document.form1.elements[cellIndex-1].value) + new
Number(document.form1.elements[cellIndex-2].value);
rowTotal = rowTotal + new Number
(getVal(document.form1.elements[cellIndex]));
}
}
}
tableTotal = tableTotal + rowTotal;
}
document.form1.elements[0].value = tableTotal;
}
function getVal(elem) {
if ((elem.value == "") || (elem.value == null) || (elem.value == " "))
return 0;
else
return elem.value;
}
var elems = window.document.form1.elements;
var numOfCols = 10;
function update() {
rowArr = new Array();
numOfRows = elems.length / numOfCols;
for (i=0; i<numOfCols; i++) {
rowVal = 0;
for (j=0; j<(numOfRows -2); j++) {
pos = (numOfCols * j) + i
if (elems[pos].value == null)
elems[pos].value = 0;
val = new Number(elems[pos].value);
rowVal = rowVal + val;
}
rowArr[rowArr.length] = rowVal;
}
<!--for (a=0; a<rowArr.length; a++) -->
<!-- alert("This is the number " +rowArr[a]);-->
window.document.form1.elements[41].value = rowArr[1];
window.document.form1.elements[42].value = rowArr[2];
window.document.form1.elements[43].value = rowArr[3];
window.document.form1.elements[44].value = rowArr[4];
window.document.form1.elements[45].value = rowArr[5];
window.document.form1.elements[46].value = rowArr[6];
window.document.form1.elements[47].value = rowArr[7];
window.document.form1.elements[48].value = rowArr[8];
window.document.form1.elements[49].value = rowArr[9];
window.document.form1.elements[50].value
window.document.form1.elements[0].value;
}
</script>
</html>
View Cart
