Compound Interest Calculator

Enter principal amount $
Enter rate (as 6.5 for 6.5%) %
Enter term in years
Enter additional monthly payment $
Check here if you wish a complete
schedule of payment displayed *

*    The only downside to selecting this option is that once you "Compute", the chart generated will move everything down on the page. Once you select "Clear", the generated chart will vanish, but the space where it was will remain. This is why we suggest having this calculator in a convenient pop up window. To remove the void (blank space) after you remove the generated chart, either select refresh at the top of your browser or place a "Refresh Page" button on your page. See further down for howto.

T his calculator script calculates compound interest given a principal value, interest rate and time. By default, the script generates a summary page containing monthly principal and interest payments and number of years to pay of the loan amount.

M oreover, the following options are available:

  1. A schedule of payments table listing each one of the monthly payments, principal balance (both beginning and ending) and interest payment through the life of a given loan.
  2. An option to include additional monthly payments that shows how a little monthly additional payments cuts down on your interest paymenet [or accelerates your pay down].

W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.02. This script worked well in all platforms tested with variations observed in Netscape4.08 and Netscape7.02

  • 1)    Netscape4.08 will not function and error message will appear closing down your Netscape browser.
  • 2)    Netscape 7.02 script works perfectly, only variation is "Refresh Page" button does not work.
  • 3)    Above button variation does not hamper the operations of this script in any way.

I f you site deals with money, interest and payments, this calculator is a must for your visitors. We will even show you how to add a print page for the chart generated for the convenience of your visitors.

D epending on your knowledge of HTML and java scripts, if you want to add this effect into your pages, this is and easy, copy and paste as a complete HTML document with basically no reconfigurations. Actually the only reconfiguration is with the placement of the body onload event handler into a non-existent complete body tag (that the script lacks). The onload event handler is located within the script just below the closing </HEAD> tag. See the below examples.

Default

     </script>

</head>
<body onload="focusPField();setInitialValues()">
<table cellspacing="0" cellpadding="2" align="center">

Reconfigured With Complete Body Tag

     </script>

</head>
<body bgcolor="#000000" text="#000000" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc" body onload="focusPField();setInitialValues()">
<table cellspacing="0" cellpadding="2" align="center">

A ctually, that is about the only reconfiguration you can do other than cosmetic*. Remember though, the text inside the table in the calulator will be that of the color defined within your <BODY> tag, so configure it accordingly.

*    We have changed the colors in the calculator for cosmetic reasons. These reconfigurations are made within the <HEAD> section of the script. See below: If you would open the below link, you will see the default colors of the calculator before we changed them to blend with our pages.
Default Colors ]

<style type="text/css">
                <!--
        table,td,th {position:relative;background-color:#BADCED;
                border:solid 1px;border-color:red}
        textarea,input,option,select {background-color:#FEFBC5;
                                          }
        .button{background-color:black;color:white;font-weight:bold;}

                -->
        </style>

I f for example, you really don't want this calulator on your main page but want it as a convenient little pop up window, no problem. Just build a new document with noting on it but the calculator. Then, copy the below little java script and paste it anywhere in the <BODY> section of your main page. This will link to your calculator and when called (Clicked) will open in a little pop up window.
Compound Interest Calculator ]

<A HREF="javascript:void(0)" ONCLICK="open('Path To Calculator', 'myannouncer','toolbar=0,location=0,scrollbars=1,resizable=0,width=550,height=380')">
Compound Interest Calculator
</A>

I n reference to the above code, the "Path To Your Calculator" is the page address you built with nothing on it but the calculator. If you change the 0 (zero) to a 1 (one), you will make that attribute visible or functional. The height and width are a no- brainer, that is the size in pixels that the pop up window will appear. Remember that when you select "calculate" the table will get wider than the initial calculator so keep that in mind when you set the size attributes.

W hen you paste the above code, take particular care to notice that it makes use of both the ' (apostrophe) and the " quotation mark. Do not change them or the link will not work!.

A t the top of the page we discussed the downside* of this script. If you would copy and paste the below "Refresh Page" code anywhere in the <BODY> section you want this button to appear, you will solve this little problem.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write('<form><input type=button value="Refresh Page" onClick="history.go()"></form>')
// End -->
</script>

T he last two things we will cover in the little pop up is the Close Window" button and the Print Page". This is just a little convenience and gives your site a little higher level of professionalism. The below are the labeled codes for that which you paste anywhere in the <BODY> section you want it to appear.

<p><form>
<input type=button value="Close Window" onClick="javascript:top.window.close();">
</form></p>

<a href='javascript:;' onClick='window.print();return false'>Print this page</a>

I f you would like to add this effect into your pages, just grab the below link and you are there. If you have any problems with this, feel free to contact us.
Get Code Here ]

[ Yahoo! ] options

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

  

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-