In Progress

Javascript: Measures converter (US units to Metric system and vice versa)

General Description:

write a JS code, that identifies measurements on the current page that can be converted to the user's preference.

When a unit that can be converted is detected, it will be marked with a double underline (an example: [url removed, login to view] ), and when its hovered, the converted unit will be displayed in a tooltip bubble.


The JS code will be injected to any page the user loads via an addon for IE 7-10/Firefox/Chrome to any page.

The addon that injects the JS is already built, no need for it.

Supported unit systems:

The metric system -

* Length - meter, kilometer, centimeter, decimeter, millimeter

* Weight - kilogram, gram, milligram, tonne

* Volume - cubic meter, cubic centimeter, cubic decimeter, liter, milliliter

* Area - square centimeter, Square meter, square kilometer

* Temperature - Celsius

US Units -

* Length - inch, foot, yard, mile

* Weight - ounce, pound

* Volume - cubic foot, cubic inch, pint, gallon, fluid ounce

* Area - square inch, square yard, square foot, acre, square mile

* Temperature - Fahrenheit

The tooltip will include a 'settings' icon. when clicked: the user will be able to choose his preferred unit system (Metric / US / Both). After the user has made his choice, the tooltip will appear only for units that are not part of the unit system chosen, and will display the tooltip in his chosen preference unit system.

If no preference was chosen, the tooltip will appear for both variations.

General guidelines:

* The JS code needs to work cross-browser (IE 7-10, FF, Chrome)

* The JS code needs to work on as many Doctypes as possible (a list of doctypes with demo pages can be found here: [url removed, login to view] )

* There wont be any use of external frameworks (jQuery/prototype/YUI, etc.)

* The code should be as efficient as possible

* The code should contain basic documentation (commented code)

* The JS should contain a configuration section (to change icons/texts/colors)

Storing Data:

Will be required to store the user settings: Since the JS code will be injected to multiple domains - cookies will not work across domains.

As said, the JS will be injected via an addon that we already developed.

The addon we use to inject the JS will soon expose an API that will allow the injected JS to store data across domains (by utilizing the addon-level code).

It will take some time until the development will be done and fully tested, so we wont be able to use this functionality in the near future.

Bottom line, for saving the data:

Maintain set/get functions, that will save the data, in the following manner -

function get(hostName) {...} // returns a JSON with the saved data for hostName

function set(hostName, dataToSave) {...} // reads the JSON that is already stored for hostName (if exists), and adds dataToSave to it

These functions will inject an iframe to the DOM on a domain that will centralize the data saving/loading.

We will also provide the details for the data saving via our API, so please include the alternative for using it, so we'll be able to remove the iframe solution and handle data setting/getting with the addon-level based code.

The design that will be used in the addon will also be provided, and the design should be implemented as part of the project.

Skills: CSS, HTML, Javascript

See more: the metric line, prototype icons, jsfiddle net, getting a prototype made, get a prototype made, get a prototype built, cross domain cookies, cookies by design, chrome system, versa, time converter, liter, jquery css javascript, injection js, converter design, chrome javascript, celsius, javascript function display json, css javascript remove, javascript multiple, json jquery page, css variations, inject javascript firefox, cross iframe, temperature jquery

About the Employer:
( 7 reviews ) Tel Aviv, Israel

Project ID: #4474193

Awarded to:


Hello, I am browser extension expert, have done many project in Chrome/Firefox/Safari/IE mainly the same javascript/css to inject to webpages. Let me solve your problem. Thank you, Tuan Le.

$350 USD in 10 days
(6 Reviews)

8 freelancers are bidding on average $608 for this job


Hi Web applications experts here. Kindly see private message for relevant work we have done. Looking forward to work with you. Many Thanks

$735 USD in 15 days
(18 Reviews)

Hi, i can start immediately.

$687 USD in 10 days
(9 Reviews)

Hi, Please check your PM for more details.

$550 USD in 5 days
(0 Reviews)

Hi, Veltrod Software services is a global software consulting company specialized in providing Mobile applications, Social media frameworks and eCommerce solutions. Leveraging best-in-class people, processes, and te More

$721 USD in 25 days
(0 Reviews)

I am ready to complete it very soon with standard coding......

$550 USD in 7 days
(0 Reviews)

Please check your PM box.

$495 USD in 7 days
(0 Reviews)

Kia ora! [url removed, login to view] are a NZ based web and software design company who have seen you here on the freelance market and are really excited about working with you and treating you to the full service, professional ex More

$772 USD in 15 days
(0 Reviews)