jQuery Plugin For Flexible Loan Interest Calculation Accrue js - Download jQuery Plugin For Flexible Loan and Interest Calculation - Accrue.js

Download jQuery Plugin For Flexible Loan and Interest Calculation – Accrue.js

By Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Flexible Loan and Interest Calculation – Accrue.js, hope it will help you in programming stack.

jQuery Plugin For Flexible Loan Interest Calculation Accrue js - Download jQuery Plugin For Flexible Loan and Interest Calculation - Accrue.js
File Size: 1.31 MB
Views Total: 14203
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

“

Accrue.js is a simple, fast, flexible jQuery plugin (less than 7 kb) for providing loan and interest calculations e.g. loan amortization schedule, interest comparison calculator on your web page.

Basic Usage:

1. Load the latest version of jQuery javascript library and Accrue.js at the end of the document.

view source
1 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
2 <script src="jquery.accrue.min.js"></script>

2. Create the Html for a basic loan calculator.

view source
1 <div class="calculator-loan">
2 <div class="form"> </div>
3 <div>
4 <p>
5 <label>Results:</label>
6 </p>
7 <div class="results"></div>
8 </div>
9 </div>

3. Call the plugin on the element you just created.

view source
1 $(".calculator-loan").accrue();

4. Set up some default options for the plugin that can be overridden

view source
01 mode: "basic",
02 operation: "keyup",
03 default_values: {
04     amount: "$7,500",
05     rate: "7%",
06     rate_compare: "1.49%",
07     term: "36m",
08 },
09 field_titles: {
10     amount: "Loan Amount",
11     rate: "Rate (APR)",
12     rate_compare: "Comparison Rate",
13     term: "Term"
14 },
15 button_label: "Calculate",
16 field_comments: {
17     amount: "",
18     rate: "",
19     rate_compare: "",
20     term: "Format: 12m, 36m, 3y, 7y"
21 },
22 response_output_div: ".results",
23 response_basic:
24     '<p><strong>Monthly Payment:</strong><br />$%payment_amount%</p>'+
25     '<p><strong>Number of Payments:</strong><br />%num_payments%</p>'+
26     '<p><strong>Total Payments:</strong><br />$%total_payments%</p>'+
27     '<p><strong>Total Interest:</strong><br />$%total_interest%</p>',
28 response_compare: "Save $%savings% in interest!",
29 error_text: "Please fill in all fields.",
30 callback: function ( elem, data ){}

Changelog:

2019-04-08

  • v1.0.0: Add currency internationalization support, and remove dollar signs from output templates.

2016-01-16

  • function to calculate loan amount

2015-03-17

  • Detect submit and image inputs in addition to ‘button’ elements.

2014-05-24

  • Adjusting output shortcodes to match wiki and be more symantic. Making the field selection logic and field output code a bit more readable.

2014-05-14

  • Added output options for all loan info in the comparison calculator.

2014-04-02

  • A small fix to the field tests when checking for valid existing fields in the form.

 

This awesome jQuery plugin is developed by jpederson. For more Advanced Usages, please check the demo page or visit the official website.

source : jquery.net

Related posts: