1. Copy and paste the following between your HEAD tags:-

for (x=1; x<precision; x++)
{for (y=(x+1); y<=precision; y++)
{fract=x/y;
difference=Math.abs(fract-num);
plusminus=num-fract;
if (difference<small){small=difference;numerator=x;denominator=y;
if (plusminus<0){sign="+";sign1=numerator+"/"+denominator+" is "+difference.toFixed(8)+" greater than 0"+num;
var greaterless="greater";
percentage=(difference*100/num).toFixed(5);}
if (plusminus>0){sign="-";sign1=numerator+"/"+denominator+" is "+difference.toFixed(8)+" less than 0"+num;
var greaterless="less";
percentage=(difference*100/num).toFixed(5)}
		}
if (difference<0.001)
{precision=1000}
	}
}
frac.innerHTML="Fraction ====> "+numerator+"/"+denominator;
differ.innerHTML=" ";
percent.innerHTML=" ";

if (small!=0)
{differ.innerHTML=sign1;
percent.innerHTML="Percentage "+greaterless+" : "+percentage+" %";} 
}

function putFocus(formInst, elementInst)
{document.forms[0].elements[1].focus();}
</script>

*********************************
2. Copy and paste the following code between your BODY tags where you want the input displayed:
<div style="position:absolute; left:250; top:200">
<table width=90% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="10"><tr><td>
<h3 align="center">Convert Decimal To Fraction</h3>
Sometimes you may wish to know the nearest fraction to an imprecise decimal number.
<p>This calculator can be used to determine the nearest fraction to an imprecise decimal number. When the fraction is not exact a percentage variation is calculated.
<ul type="square">
<li>Input a decimal number. <span style="color:#FF0000">(Remember the decimal point!)</span>
<li>Press <b>Get Fraction</b>.</ul>
<p>
<center><table width=90% border=0 bordercolor=#0000ff cellspacing="0" cellpadding="0"><tr><td>
<form name="fraction">
<fieldset>
<legend align="center"><b>Decimal To Fraction Converter</b></legend>
<br>
<center>Decimal Number : <input type=text name="decimal" size=15 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false">

<input type="button" value="Get Fraction" onClick="getFraction()" style="cursor:hand">
<br><br>
<div id="frac" style="background:#feffc6;color:#FF0000"></div>
<div id="differ" style="background:#feffc6;color:#0000FF"></div>
<div id="percent" style="background:#feffc6;color:#FF0000"></div>
</center>
</fieldset>
</form>
</td></tr></table></center>
</div>
                     *********************************
Please Note
You can display where ever you like. You change the "left" and "top" values in the opening "div" tag above to whatever values you need. 
a) "top" is the vertical distance of the top left corner of the display starting at zero. The higher the number the lower down the page.
b) "left" is the horizontal distance of the top left corner of the display starting at zero. The higher the number the further across the page.
c) You can change also the color of the display and the background.

If you have any problems or questions please email us at info@datedial.com.

Linking Information:-
TITLE : Convert Decimal To Fraction
URL : http://www.datedial.com/datConvert_Decimal_To_Fraction.asp
DESCRIPTION : Convert decimal to fraction with varying degrees of accuracy.