Online mortgage calculator javascript.

Online Mortgage Calculator. Mortgage Calculator Javascript

Handy Tip: Adding sticky content to your real estate website such as a mortgage calculator, can help bring back visitors time and time again.

Javascript Mortgage Calculator

Here's a simple javascript that will calculate the monthly repayments of any loan. Fill in your loan details such as loan amount, annual interest rate and term of loan, hit the calculate button and the details will be displayed.

This is a great tool for a real estate website or could be easily configured to suit an auto dealer or any other site where an online mortgage calculator may be of benefit to your visitors. Try it out below!

The mortgage calculator javascript is a very easy one step installation. You can change the color of the table background to suit the theme of your site as well as the wording and given amounts. See below to get the coding and installation steps.

Installation.

Copy the code in the text area below and paste this between the <body> and </body> tags where you want the Online Mortgage Calculator to appear on your webpage. Too easy!

<form 
action="POST" name="myform"> <table border="1" 
bgcolor="#63639C"> <tr> <td align="center" colspan="2"><script 
language="JavaScript"></script> <font color="#FFFFFF" size="2" 
face="arial narrow"><b>Repayment Mortgage Calculator</b> 
<br> Enter Your Details &amp; Click the Calculate Button</font></td> 
</tr> <tr> <td><table border="0" cellpadding="2"> 
<tr> <td align="right"><font color="#FFFFFF" 
size="2" face="arial narrow">Loan Amount $ </font></td> 
<td><font color="#FFFFFF" size="2" face="arial 
narrow"><input type="text" size="10" name="LoanAmount" 
value="80000" onblur="Morgcal()" onchange="Morgcal()"><br> 
</font></td> </tr> <tr> <td align="right"><font 
color="#FFFFFF" size="2" face="arial narrow">Annual 
Interest Rate </font></td> <td><font color="#FFFFFF" 
size="2" face="arial narrow"><input type="text" 
size="3" name="InterestRate" value="6.0" onblur="Morgcal()" 
onchange="Morgcal()"> % <br> </font></td> </tr> 
<tr> <td align="right"><font color="#FFFFFF" 
size="2" face="arial narrow">Term of Loan </font></td> 
<td><font color="#FFFFFF" size="2" face="arial 
narrow"><input type="text" size="3" name="NumberOfYears" 
value="20" onblur="Morgcal()" onchange="Morgcal()"> 
Years<br> </font></td> <td><font color="#FFFFFF" 
size="2" face="arial narrow"><input type="button" 
name="morgcal" value="Calculate" language="JavaScript" 
onclick="Morgcal()"> </font></td> </tr> <tr> 
<td colspan="3"><font color="#FFFFFF"></font></td> 
</tr> </table> </td> </tr> <tr> <td><table 
border="0" cellpadding="2"> <tr> <td align="right"><font 
color="#FFFFFF" size="2" face="arial narrow"> 
Number of Payments </font></td> <td><font color="#FFFFFF" 
size="2" face="arial narrow"><input type="text" 
size="7" name="NumberOfPayments"><br> </font></td> 
</tr> <tr> <td align="right"><font color="#FFFFFF" 
size="2" face="arial narrow">Monthly Payment $ </font></td> 
<td><font color="#FFFFFF" size="2" face="arial 
narrow"><input type="text" size="7" name="MonthlyPayment"><br> 
</font></td> </tr> <tr> <td align="center" 
colspan="2">&nbsp;</td> </tr> </table> </td> 
</tr> </table> </form>

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy