Financial Calculator Popup: Javascript, JQuery

In Progress

Objectives: Create a mortgage calculator that can be

embedded into any html page. The calculator will make

money through advertising. The money be be shared between

the client and us, 50%. Clients will not be charged

to use the functionality, but they will have to make an

agreement to use it for a specific time.

Requirements: See user stories and requirement descriptions



1.) Set of javascript/JQuery files and libraries that can be

added to a page. There should security on the script

so they can't just be copied.

2.) A function that can be called from the page to

display the 'Mortgage Calculator'.

3.) The calculator should be a modal popup, that will

display over the page until the user closes it to

go back to the main page.

4.) Advertisements will pop into their own window

if the customer chooses it.



1.) The calculator will be simple.


1.) Everything can be developed in Javascript and

associated libraries.

2.) Google Adsense or something like it will be

able to track use.



1.) UI development.

2.) Functionality.

3.) Works when added to html page.

User Stories:

1.) Get a mortgage monthly payment.

2.) Enter mortgage term.

3.) Enter a mortgage amount.

4.) Enter a downpayment.

5.) Enter an interest rate.

6.) Display loan advertisements.

7.) Programming must be using Javascript and other related

programming like JQuery, and other libraries, ie: UI.

8.) The advertisements will be from Google adsense. Possibly,

a zip code, fixed rate, search for mortgage rates...

9.) The calculator will be a popup.

10.) The calculator will be as flexible as possible,

letting the user configure it, making it flexible enough

to use any time.

UI requirements:

1.) Title: 'Mortgate Payment Calculator'

2.) 'Mortgage Amount' label.

3.) Mortgage amuount text box.

4.) 'Mortgage term' label.

5.) Mortgage term text box. Default to 30 years. Also

showing the number of months.

6.) 'Interest rate' label.

7.) Interest rate text box, defaulting to 5%. Include '% per year'.

8.) 'Monthly Payments' label in bold.

9.) Monthly payment output 'label' to show result.

10.) 'Calculate' button to use the input values to calculate

the mortgage rate.

11.) 'Close' button to close the page.

12.) Have optional 'property tax' label and text box.

13.) Have optional 'Propert Insurance' label and text box.

14.) Have an optional 'PMI' label and text box.

15.) The height of ads will grow with the height of the

left hand calculation.

Layout: See attached screen shot.

1.) Layout from top to bottom as described in the UI requirements

located to the left of the page.

2.) Two ads will exist to the right. A top one and a

bottom one that take up the same space from top to

bottom as the calculation. Top ad 'Compare Mortgage rates.

Bottom one misc.

3.) Width and height determined by layout. If everything

looks good in 700 width by 600 height, do that.

4.) The style of the popup should be based on preexisting

CSS style sheets provided by customer. This includes fonts,

colors, etc...

5.) The calculator should take up the left 2/3 of the popup.

Development tools:

1.) Javascript, JQuery, related libraries


1.) The customer who uses the the 'Mortgage Calculator'

should be able to include the javascript files

in their page and call a function to display the

calculator popup.

2.) Time dependent security so that

users aren't using the calculator without approval.

3.) The company who uses the calculator can provide a

logo that will display in the upper right hand corner.

Java Function:

1.) ShowCalculator is the name of the function to

display the Calculator. Parameters include:

a.) Width, b.) Height, c.) Price if known, d.) Zip code

if known, e.) Additional calculation parameters.

2.) Javascript will crash graciously, ie: remain open to

use or go back to parent page.

Skills: CSS, Javascript, jQuery / Prototype

See more: javascript popup calculator, jquery popup calculator, jquery calculator popup, jquery financial calculator, javascript calculator popup, javascript financial calculator, financial calculator popup, popup calculator jquery, popup jquery calculator, popup javascript calculator, java popup calculator, jquery text box popup calculator, jquery css calculator, jquery pop calculator, calculator popup, financial calculator jquery, making javascript css calculator, interest rate calculator jquery, display calculator popup using jquery javascript, java calculator popup, javascript calculator modal popup, pop calculator jquery css, jquery java script popup calculator, mortgage calculator jquery, calculator javascript

Project ID: #1222476

6 freelancers are bidding on average $433 for this job


ready for service sir, thanks.

$300 USD in 5 days
(48 Reviews)

I have experience working with PHP, JavaScript, MySQL and integrating it all into a site. Check out your Private Message for some example sites that I made using PHP. Adrian

$650 USD in 20 days
(11 Reviews)

Dear sir, I can make this calculator with all the requirements perfectly and on time. thanks

$450 USD in 10 days
(0 Reviews)

I have good experience in JQuery Effects and Events. I have huge experience in JQuery Selectors and JQuery-AJAX calls. I can complete this project on time, if you are comfortable with the BID. Please check my Profil More

$450 USD in 17 days
(0 Reviews)

Respected sir, Yes we have provided you the sample site just check it out & if you need more samples then i shall provide you so that you can make out which kind of site you are actually looking for. All the r More

$250 USD in 15 days
(0 Reviews)

Hi, I have included an initial proposal based on the information your provided. Please check PMB. Jean

$500 USD in 10 days
(0 Reviews)