[
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#container {
width:290px;
padding:10px;
border:3px double #000;
background-color:#ddd;
font-family:sans-serif;
font-size:0.9em;
color:#000;
margin:30px auto;
}
#container h1 {
font-size:0.9em;
}
.inp {
width:100px;
margin:4px 0;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=function() {
ppf=1;//price per square foot, edit this to suit
df=document.forms[0];
df[0].focus();
df[2].onclick=function() {
df[0].focus();
}
df[0].onkeyup=function() {
if(isNaN(df[0].value)) {
alert('numbers only please');
df.reset();
df[0].focus();
return;
}
df[1].value='£'+df[0].value*ppf;
}
}
//-->
</script>
</head>
<body>
<form action="#">
<div id="container">
<h1>simple calculator</h1>
<label><input class="inp" type="text"/>: enter square feet</label>
<label><input class="inp" type="text" value="£0" readonly="readonly"/>: total inclusive price</label>
<input type="reset"/>
</div>
</form>
</body>
</html>
]
Home 
Latest images 
Useless
