Open Notepad.
Paste all of the code below into it.
Save the file as "conversion-calculator.html" on your hard drive (without the .txt ending).
Open your browser and click "File > Open File..."
Browse to the file you just made, open it and Bookmark it.
Code:
<html>
<head><TITLE>Conversion Calculator</TITLE></head>
<body>
<form name="pulldown"></form>
<form action="" METHOD="get" TARGET="_top"></form>
<script language="JavaScript">
<!--
function convertTempform(form)
{
if (form.elements[1].value != null && form.elements[1].value.length != 0)
{
firstvalue = form.elements[1].value
form.elements[2].value = formatvalue((1.8 * firstvalue) + 32, form.rsize);
return
}
if (form.elements[2].value != null && form.elements[2].value.length != 0)
{
firstvalue = form.elements[2].value
form.elements[1].value = formatvalue(( firstvalue - 32) / 1.8, form.rsize);
return
}
}
function convertform(form){
var firstvalue = 0;
for (var i = 1; i <= form.count; i++) {
// Find first non-blank entry
if (form.elements[i].value != null && form.elements[i].value.length != 0) {
if (i == 1 && form.elements[2].value != "") return false;
firstvalue = form.elements[i].value / form.elements[i].factor;
break;
}
}
if (firstvalue == 0) {
clearform(form);
return false;
}
for (var i = 1; i <= form.count; i++)
form.elements[i].value = formatvalue((firstvalue * form.elements[i].factor), form.rsize);
return true;
}
function formatvalue(input, rsize) {
var invalid = "**************************";
var nines = "999999999999999999999999";
var strin = "" + input;
var fltin = parseFloat(strin);
if (strin.length <= rsize) return strin;
if (strin.indexOf("e") != -1 ||
fltin > parseFloat(nines.substring(0,rsize)+".4"))
return invalid.substring(0, rsize);
var rounded = "" + (fltin + (fltin - parseFloat(strin.substring(0, rsize))));
return rounded.substring(0, rsize);
}
function resetform(form) {
clearform(form);
form[1].value = 1;
convertform(form);
return true;
}
function clearform(form) {
for (var i = 1; i <= form.count; i++) form[i].value = "";
return true;
}
// -->
</script>
<table border="1" cellpadding="0" cellspacing="0" align="center"><tr><td>
<center><b>Units of Measure Conversion Calculators</b></center>
<table align="center" border="0" cellpadding="5" cellspacing="2">
<form method="POST">
<tr>
<td colspan="6" align="center">
<b>Length Conversion Calculator</b>
</td>
</tr>
<tr valign="bottom">
<td align="center">Millimeters</td>
<td align="center">Centimeters</td>
<td align="center">Meters</td>
<td align="center">Inches</td>
<td align="center">Feet</td>
<td align="center">
<input name="reset" type="button" onclick="clearform(this.form)" value="Reset"></td>
</tr>
<tr>
<td align="center">
<input type="text" name="val1" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val2" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val3" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val4" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val5" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input name="calc" type="button" onclick="convertform(this.form)" value="Calculate"></td>
</tr>
</form>
</table>
<script language="JavaScript"> <!-- form item factorization
document.forms[2].count = 5;
document.forms[2].rsize = 7;
document.forms[2].val1.factor = 10;
document.forms[2].val2.factor = 1;
document.forms[2].val3.factor = 0.01;
document.forms[2].val4.factor = 0.3937007874;
document.forms[2].val5.factor = 0.03280839895;
// -->
</script>
<hr size="1" color="navy">
<table align="center" border="0" cellpadding="5" cellspacing="2">
<form method="POST">
<tr>
<td colspan="5" align="center">
<b>Weight Conversion Calculator</b>
</td>
</tr>
<tr valign="bottom">
<td align="center">Grams</td>
<td align="center">Kilograms</td>
<td align="center">Ounces</td>
<td align="center">Pounds</td>
<td align="center">
<input name="reset" type="button" onclick="clearform(this.form)" value="Reset"></td>
</tr>
<tr>
<td align="center">
<input type="text" name="val1" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val2" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val3" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val4" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input name="calc" type="button" onclick="convertform(this.form)" value="Calculate">
</td>
</tr>
</form>
</table>
<script language="javascript"> <!-- form item factorization
document.forms[3].count = 4;
document.forms[3].rsize = 6;
document.forms[3].val1.factor = 1000;
document.forms[3].val2.factor = 1;
document.forms[3].val3.factor = 35.273944;
document.forms[3].val4.factor = 2.2046215;
// -->
</script>
<hr size="1" color="navy">
<table align="center" border="0" cellpadding="5" cellspacing="2">
<form method="post">
<tr>
<td colspan="7" align="center">
<b>Volume Conversion Calculator</b>
</td>
</tr>
<tr valign="bottom">
<td align="center">Milliliters<br>(cc)</td>
<td align="center">Liters</td>
<td align="center">Cubic<br>Inches</td>
<td align="center">Fluid<br>Ounces</td>
<td align="center">Quarts</td>
<td align="center">Gallons</td>
<td align="center">
<input name="reset" type="button" onclick="clearform(this.form)" value="Reset"></td>
</tr>
<tr>
<td align="center">
<input type="text" name="val1" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val2" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val3" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val4" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val5" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val6" size="6" onfocus="clearform(this.form)"></td>
<td align="center">
<input name="calc" type="button" onclick="convertform(this.form)" value="Calculate">
</td>
</tr>
</form>
</table>
<script language="javascript"> <!-- form item factorization
document.forms[4].count = 6;
document.forms[4].rsize = 6;
document.forms[4].val1.factor = 1000;
document.forms[4].val2.factor = 1;
document.forms[4].val3.factor = 61.0417269;
document.forms[4].val4.factor = 33.8239926;
document.forms[4].val5.factor = 1.056998;
document.forms[4].val6.factor = 0.2642499;
// -->
</script>
<hr size="1" color="navy">
<table align="center" border="0" cellpadding="5" cellspacing="2">
<form method="POST">
<tr>
<td colspan="6" align="center">
<b>Temperature Conversion Calculator</b>
</td>
</tr>
<tr valign="bottom">
<td align="center">Celsius</td>
<td align="center">Fahrenheit</td>
<td align="center">
<input name="reset" type="button" onclick="clearform(this.form)" value="Reset"></td>
</tr>
<tr>
<td align="center">
<input type="text" name="val1" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input type="text" name="val2" size="7" onfocus="clearform(this.form)"></td>
<td align="center">
<input name="calc" type="button" onclick="convertTempform(this.form)" value="Calculate"></td>
</tr>
</form>
</table>
<script language="javascript"> <!-- form item factorization
document.forms[5].count = 2;
document.forms[5].rsize = 6;
// -->
</script>
</body>
</html>