jConvert jQuery Plugin

Introduction

This is the demo page for jConvert. Below is a sample of how you would use jConvert.

How to use jConvert

To use jConvert, you need to have jQuery along with the jquery.jconvert.js file included in this download. A stylesheet has also been provided, which you can edit if you would like to customize the look of the jConvert tooltip.

To include these 3 files, add the following lines within the tag of your webpage:

				<link rel="stylesheet" href="jconvert.css" />
				<script type="text/javascript" src="jquery.js"></script>
				<script type="text/javascript" src="jquery.jconvert.js"></script>
			

Now you can apply the jconvert function to any DOM element on your page. To do so, use code similar to this in your webpage:

				<script type="text/javascript">
					$(document).ready(function(){
						$('a.jconvert').jconvert();
					});
				</script>
			

Demos

Hover over the measurement units to see some conversions to other units.

Sample Volumes:

• 5 cup plain flour
• 350g butter
• 1 pint milk
• 0.5 quarts water
• 15 minutes on the oven
• 3 ounces cream
• 4 m walk
• 1 Dog tail

Sample Weights:

• 350g lime
• 24 kilograms cement mix
• 3.5 lbs soil
• 39 ounces sand
• 20 stone gravel

Sample Lengths:

• 55m fabric
• 13 yards rope
• 24 foot high

Feedback

If you have any feedback, comments or issues, please drop me an email at maria@mariacheung.com and I'll be happy to help or answer any questions.