|
|
Posted by Fred on 10/01/05 20:30
Thanks very much Adam!
On 1 Oct 2005 03:08:02 -0700, "Adam Pflug" <bluparadox@gmail.com>
wrote:
>Here:
>
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>"http://www.w3.org/TR/html4/loose.dtd">
><html>
><head>
><meta http-equiv="Content-Type" content="text/html;
>charset=iso-8859-1">
><title>Untitled Document</title>
>
><script type="text/javascript">
><!-- This script and many more are available free online at -->
><!-- The JavaScript Source!! http://javascript.internet.com -->
><!-- Created by: www.jdstiles.com -->
><!-- Begin
>function startCalc(){
> interval = setInterval("calc()",1);
>}
>function calc(){
> one = document.getElementById("firstBox").value;
> two = document.getElementById("secondBox").value;
> three = document.getElementById("thirdBox").value;
> four = document.getElementById("fourthBox").value;
> five = document.getElementById("fifthBox").value;
> six = document.getElementById("sixthBox").value;
> document.getElementById("seventhBox").value = (one * 1) + (two * 1) +
>(three * 1) + (four * 1) + (five * 1) + (six * 1);
> if (document.getElementById("servicefee1").checked)
> fee = document.getElementById("servicefee1").value;
> else if (document.getElementById("servicefee2").checked)
> fee = document.getElementById("servicefee2").value;
> else if (document.getElementById("servicefee3").checked)
> fee = document.getElementById("servicefee3").value;
> else if (document.getElementById("servicefee4").checked)
> fee = document.getElementById("servicefee4").value;
> else if (document.getElementById("servicefee5").checked)
> fee = document.getElementById("servicefee5").value;
> document.getElementById("TotalServiceFee").value = fee;
> document.getElementById("TotalMonthlySavings").value =
>document.getElementById("seventhBox").value + fee;
> document.getElementById("TotalYearlySavings").value =
>Math.round((document.getElementById("seventhBox").value + fee) * 12 *
>100) / 100;
>}
>function stopCalc(){
> clearInterval(interval);
>}
>// End -->
></script>
><style type="text/css">
><!--
>.style1 {font-family: Arial, Helvetica, sans-serif}
>.style2 {
> font-family: Arial, Helvetica, sans-serif;
> font-size: 14px;
> background-color: #CCCCCC;
> font-weight: bold;
>}
>.style4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;
>}
>.style6 {
> font-family: Arial, Helvetica, sans-serif;
> color: #666666;
> font-weight: bold;
>}
>-->
></style>
></head>
>
><body>
>
><form name="autoSumForm">
> <p class="style2">Step One: Total Monthly Personal Costs </p>
> <table width="50%" cellpadding="2" cellspacing="3" >
> <tr>
> <td width="53%" class="style1">Personal Monthly Cost One </td>
> <td width="47%"><input type=text id="firstBox" name="firstBox"
>value="" onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td class="style1">Personal Monthly Cost Two </td>
> <td><input type=text id="secondBox" name="secondBox" value=""
>onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td class="style1">Personal Monthly Cost Three </td>
> <td><input type=text id="thirdBox" name="thirdBox" value=""
>onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td class="style1">Personal Monthly Cost Four </td>
> <td><input type=text id="fourthBox" name="fourthBox" value=""
>onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td class="style1">Personal Monthly Cost Five </td>
> <td><input type=text id="fifthBox" name="fifthBox" value=""
>onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td class="style1">Personal Monthly Cost Six </td>
> <td><input type=text id="sixthBox" name="sixthBox" value=""
>onFocus="startCalc();" onBlur="stopCalc();"></td>
> </tr>
> <tr>
> <td> </td>
> <td> </td>
> </tr>
> </table>
> <p class="style2">Step Two: Select Monthly Service Fees</p>
> <span class="style6">The user will select a "Service Fee"
>and the selection will appear in the "Total Service Fee Cost"
>below.
> </span>
> <table width="50%" cellpadding="2" cellspacing="3" >
> <tr>
> <td width="40%" class="style1">Select Service Fee 1 </td>
> <td width="60%"><input name="radiobutton" id="servicefee1"
>type="radio" onchange="calc()" value="155.95" checked>
> $150.95</td>
> </tr>
> <tr>
> <td class="style1">Select Service Fee 2 </td>
> <td><input name="radiobutton" id="servicefee2" type="radio"
>onchange="calc()" value="160.95">
> $160.95</td>
> </tr>
> <tr>
> <td class="style1">Select Service Fee 3 </td>
> <td><input name="radiobutton" id="servicefee3" type="radio"
>onchange="calc()" value="180.95">
> $180.95</td>
> </tr>
> <tr>
> <td class="style1">Select Service Fee 4 </td>
> <td><input name="radiobutton" id="servicefee4" type="radio"
>onchange="calc()" value="190.95">
> $190.95</td>
> </tr>
> <tr>
> <td class="style1">Select Service Fee 5 </td>
> <td><input name="radiobutton" id="servicefee5" type="radio"
>onchange="calc()" value="200.95">
> $200.95</td>
> </tr>
> </table>
> <br>
> <table width="50%" cellpadding="2" cellspacing="3" >
> <tr bgcolor="#EBEBEB">
> <td width="53%" class="style4">Total Personal Costs </td>
> <td width="47%"><input type=text id="seventhBox"
>name="seventhBox" > </td>
> </tr>
> <tr bgcolor="ebebeb">
> <td class="style4">Total Service Fee Cost </td>
> <td><input name="TotalServiceFee" type=text id="TotalServiceFee"
>> </td>
> </tr>
> <tr bgcolor="ebebeb">
> <td class="style4">Total Monthly Savings </td>
> <td><input name="TotalMonthlySavings" type=text
>id="TotalMonthlySavings" ></td>
> </tr>
> <tr bgcolor="ebebeb">
> <td class="style4">Total Yearly Savings </td>
> <td><input name="TotalYearlySavings" type=text
>id="TotalYearlySavings" ></td>
> </tr>
> </table>
> <br>
> <br>
> <br>
> <p class="style6">How can I get the script to calculate Total yearly
>savings?</p>
> <p class="style6">Here's the equation.</p>
> <table width="230" height="74" border="1" bgcolor="efefef">
> <tr>
> <td align="right" valign="top"><p class="style1">Total Personal
>Costs<br>
> -Total Service Fee Cost<br>
> -----------------------------<br>
> = Total Monthly Savings<br>
> x 12 Total Yearly Savings
> </p>
> </td>
> </tr>
> </table>
> <p> </p>
> <p> <br>
> </p>
></form>
>
></body>
></html>
Navigation:
[Reply to this message]
|