Home › Webmaster Resources

Webmaster Resources

To add any of the resources below to your website, simply copy the HTML code under its corresponding sample and paste it on your website.

If you require a customized solution for your website, please do not hesitate to contact us. We’ll see what we can do.

Mortgage Rate Card

Mortgage Payment Calculator Widget

(JavaScript and iFrame versions available)

<br />

Calculator Widget – HTML/JavaScript Version:

This calculator uses jQuery. You can obtain the libraries from the jQuery website, or use our own hosted versions below:

These are the JavaScript and CSS files you will need in order for the calculator to work. You can add more styles to change the look of the calculator on your website.

The HTML:

<div id="mc_calc_container"><br /> <form class="form_content" id="CalcForm" name="CalcForm" action="" method=""><br /> <div id="calc"><br /> <table cellspacing="0" cellpadding="0" border="0"><br /> <tr><br /> <th colspan="2">Mortgage Loan Calculator</th><br /> </tr><br /> <tr class="calcInput"><br /> <td class="first"><label for="loan-amount">Amount ($):</label></td><br /> <td class="second"><input class="form_input required" value="250000" type="text" name="loan-amount" id="loan-amount" /></td><br /> </tr><br /> <tr class="calcInput"><br /> <td class="first"><label for="mort-rate">Rate (%):</label></td><br /> <td class="second"><input class="form_input required" value="5" type="text" name="mort-rate" id="mort-rate" /></td><br /> </tr><br /> <tr class="calcInput"><br /> <td class="first"><label for="mort-length">Length (years):</label></td><br /> <td class="second"><input class="form_input required" value="30" type="text" name="mort-length" id="mort-length" /></td><br /> </tr><br /> <tr><br /> <td colspan="2"><center><input class="contact_submit" type="submit" value="Submit" /></center></td><br /> </tr><br /> </table><br /> </div><br /> <div id="calc-results"><br /> <center><br /> <u><strong>Results</strong></u><br /> </center><br /> <br /><br /> Amount: <strong>$<span id="loan-amount-in"></span></strong> <br /><br /> Rate: <strong><span id="mort-rate-in"></span>%</strong> <br /><br /> Mortgage Period: <strong><span id="mort-length-in"></span></strong> years <br /> <br /><br /> Monthly Payments: <strong>$<span id="results"></span></strong><br /> <br /><br /><br /> <center><br /> <a href="javascript:void(0)" onclick="toggleCalc();">Click Here to Modify Inputs</a><br /> </center><br /> </div><br /> <center><br /> <span id="footer"><br /> <a href="http://www.mortgagescanada.ca/calculators" title="Mortgage Calculators and Tools"><br /> <img src="http://www.mortgagescanada.ca/images/calc-powered-by-mc.png" alt="Calculator Powered by Mortgages Canada" border="0" /><br /> </a><br /> <a href="https://www.mortgagescanada.ca/basic-mortgage-application.html?source=widget&domain=mortgagescanada.ca" title="Apply with Mortgages Canada">Apply</a><br /> |<br /> <a href="http://www.mortgagescanada.ca/mortgage-rates" title="Apply with Mortgages Canada">Mortgage Rates</a><br /> |<br /> <a href="http://www.mortgagescanada.ca/contact" title="Contact Mortgages Canada">Contact Us</a><br /> </span><br /> </center><br /> </form><br /> </div>

Calculator Widget – iFrame Version:

More on Mortgages Canada

Marketing

Webmaster Resources

Mortgage Rate Card

Mortgage Payment Calculator Widget

Mortgage Renewal Reminder

Recent Tweets

Get Social

Name:
Email:
Renewal Date: