Skip to content

Latest commit

 

History

History
192 lines (158 loc) · 12.7 KB

index.md

File metadata and controls

192 lines (158 loc) · 12.7 KB
Raw
<style> .bookmarklet { font-size: 2em; background-color: #2268b2; color: white; padding: 0.2em 0.8em; border-radius: 5px; } .bookmarklet:hover { color: white; } .example2 .spacer { border-bottom: 1px solid grey; } .example2 dt { display: inline-block; float: left; } .example2 dd { display: inline-block; } </style>

Install

Drag the following button to your bookmarks bar or menu:

Sum it!

Usage

  1. Browse on a webpage containing a structured list of numbers
  2. Click on the "Sum it!" bookmark
  3. Click on the first number to sum
  4. Click on the last number to sum

About

What is it?

Sum it! is a bookmarklet that allows you to sum data on a webpage in only two clicks.

Features

  • Sums data in two clicks (first and last values)
  • Detects and understands differents formats (integers, floats, separators...)
  • Cleans up irrelevant characters (spaces, currency signs...)
  • Works on HTML tables and complex markup

Whishlist

(To be implemented)

  • Load once protection
  • Play a sound when loaded
  • Avoid using javascript alerts: replace with simple overlay
  • Add a permanent options panel (configure format, operations...)
  • From / to labels on selected cells
  • Same cell detection (= cancel)

Browser support

Sum it! is compatible with the latest version of Firefox, Chrome, Edge and Safari (you shouldn't use an outdated browser).

Want to try it first?

Click on the "Sum it!" button in the Install section above.

Then go on with the two examples below.

Example 1 - Bank account

This example features a simple HTML table.

Click on any two amounts below to get the total amount from the first to the second one:

DetailsAmount
Deposit$500.00
Bill payment-$150.00
Purchase-$49.99
Fees$2.00
Salaries$3216.00
Cheque n°103-$100.00
Mortgage-$610.50
Purchase$130.00
Bill payment$69.70

Example 2 - Project funding

This example features a list with a complex markup structure.

Try to compute the total funding from project #2 to project #7:

Project #1
$45,000 funded / $100,000
Time left: 45 days
Project #2
$11,000 funded / $70,000
Time left: 29 days
Project #3
$0,00 funded / $5000
Time left: 15 days
Project #4
$18,000 funded / $20,000
Time left: 4 days
Project #5
$430,000 funded / $1,000,000
Time left: 30 days
Project #6
$10,000 funded / $10,000
Time left: 0 days
Project #7
$2,500 funded / $10,000
Time left: 7 days
Project #8
$250,000 funded / $300,000
Time left: 14 days
Project #9
$4,900 funded / $12,000
Time left: 15 days
Project #10
$0,00 funded / $500
Time left: 30 days