Javascript code to sum up totals

**John Doe** · Jul 23 '05, 05:37 PM

Re: Javascript code to sum up totals

Get rid of all the microshaft code and ask again.

A generic answer that doesn't require looking at that eyesore
that you erroniously call an HTML document (If you can't apply
this solution to your problem, don't ask for more help 'til you
clean up your code):

<script type="text/javascript">
function totalfields(f1, f2,total) {
var totfld=document .getElementById (total);
var totval=0;
if ( typeof(f2) == "number" ) {
for(i=1;i<=f2;i ++) {
el = document.getEle mentById(f1+i)
if (! isNaN(parseFloa t(el.value))) {
totval += parseFloat(el.v alue);
}
}
totfld.value=to tval;
} else {
if ( isNaN(parseFloa t(document.getE lementById(f1). value)) || isNaN(parseFloa t(document.getE lementById(f2). value)) ) {
} else {
totfld.value=pa rseFloat(docume nt.getElementBy Id(f1).value)+p arseFloat(docum ent.getElementB yId(f2).value);
}
}
totfld.onchange ();
}
</script>
<INPUT TYPE=text ID=Amount1 Name=Amount1 Value="" onchange="total fields('Amount' ,2,'PettyCashSu b');">
<INPUT TYPE=text ID=Amount2 Name=Amount2 Value="" onchange="total fields('Amount' ,2,'PettyCashSu b');">
<INPUT TYPE=text ID=PettyCashSub Name=PettyCash Value="" DISABLED READONLY onchange="total fields('PettyCa shSub','PerDium Sub','Total');" ><br>
<INPUT TYPE=text ID=PerDium1 Name=PerDium1 Value="" onchange="total fields('PerDium ',3,'PerDiumSub ');">
<INPUT TYPE=text ID=PerDium2 Name=PerDium2 Value="" onchange="total fields('PerDium ',3,'PerDiumSub ');">
<INPUT TYPE=text ID=PerDium3 Name=PerDium3 Value="" onchange="total fields('PerDium ',3,'PerDiumSub ');">
<INPUT TYPE=text ID=PerDiumSub Name=PerDiumSub Value="" DISABLED READONLY onchange="total fields('PettyCa shSub','PerDium Sub','Total');" ><br>
<INPUT TYPE=text ID=Total Name=Total Value="" DISABLED READONLY> <br>

In article <1107790119.414 826.88010@l41g2 000cwc.googlegr oups.com>, netsurfer802@ya hoo.com says...[color=blue]
> Hi:
>
> I am working on a project and need assistance, and would really
> appreciate any feedback on it.
>
> First part I'm banging my head against the wall on is about the amounts
> of the Amount fields along the right to automatically equal the PETTY
> CASH SUB-TOTAL field. So, the amount in this PETTY CASH SUB-TOTAL
> field comes up automatically. Also, I need to have the amount in the
> TOTAL AMOUNT field come up automatically as being the sum of the PETTY
> CASH SUB-TOTAL and the PER DIEM SUB-TOTAL fields. Please see the
> following as an HTML document to see what I'm talking about. Thanks
> very much in advanced for any response.
>
> <html xmlns:v="urn:sc hemas-microsoft-com:vml"
> xmlns:o="urn:sc hemas-microsoft-com:office:offi ce"
> xmlns="http://www.w3.org/TR/REC-html40">
>
> <head>
> <meta http-equiv="Content-Type" content="text/html;
> charset=windows-1252">
> <link rel="File-List" href="draft2_fi les/filelist.xml">
> <title>Name</title>
> 
> </head>
>
> <body>
>
> <table border="1" width="100%" id="table13">
> <tr>
> <td width="424">Nam e:  & nbsp; &nbs p;
> <INPUT TYPE=text NAME="name_57" SIZE="20" MAXLENGTH="100"
> VALUE=""></td>
> <td width="258">Dat e:  & nbsp; 
> <INPUT TYPE=text NAME="name_58" SIZE="20" MAXLENGTH="100"
> VALUE=""></td>
> <td>Job No:    
> <INPUT TYPE=text NAME="name_59" SIZE="20" MAXLENGTH="100"
> VALUE=""></td>
> </tr>
> </table>
>[/color]

**netsurfer** · Jul 23 '05, 05:37 PM

Re: Javascript code to sum up totals

ok let's use the generic answer...and thanks for responding...it works
but
it keeps saying
"Object doesn't support this property or method" on the line that says
and in the script debugger I have it points to the line:

totfld.onchange ( );

Otherwise it works.

**Fred Oz** · Jul 23 '05, 05:38 PM

Re: Javascript code to sum up totals

netsurfer wrote:[color=blue]
> ok let's use the generic answer...and thanks for responding...it works
> but
> it keeps saying
> "Object doesn't support this property or method" on the line that says
> and in the script debugger I have it points to the line:
>
> totfld.onchange ( );
>
> Otherwise it works.
>[/color]

The error in this line:

var totfld=document .getElementById (total);

is because "total" is supposed to match the element id in the
input below.

<INPUT TYPE=text ID=Total Name=Total Value="" DISABLED READONLY>

So either make the element id="total" or change the line to be

...getElementBy Id('Total');

Incidentally, quote all attributes and there is no need to make
an input disabled *and* readonly. A readonly input can't be
modified by the user, so there's not much point in also
disabling it.

If your intention is to prevent the field from being submitted
with the form, then don't use a text input as an output field,
use an element that can contain a text node, such as <span>,
<div> or <p>.

Also, there is no point in giving a form element both a name and
an id. Using just a name is all that is required, then you can
access it through the forms collection rather than
getElementById.

--
Fred

Javascript code to sum up totals

Javascript code to sum up totals

Comment

Comment

Comment