Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function Cal(obj){
var args=Cal.arguments,frm=args[0].form,nu,tot=0;
var values=[];
for (var ip,z0=1;z0<args.length-1;z0++){
ip=frm[args[z0]];
ip.value=ip.value.replace(/\D/g,'');
values.push([ip.value,ip.parentNode.className]);
}
if (values[0][0].length>0){
nu=values[0][0];
tot=nu*values[0][1];
for (var z1=1;z1<values.length;z1++){
if (values[z1][0]){
tot+=values[z1][0]*values[z1][1]*nu
}
}
}
frm[args[args.length-1]].value='$'+tot;
}
/*]]>*/
</script></head>
<body>
<form>
"label" -Number of Shirts<span class="10" ><input name="number" size="5"/></span><br />
"label" -Number of Colors on Front<span class="10" ><input name="front" size="5" /></span><br />
"label" -Number of Colors on Back<span class="12" ><input name="back" size="5" /><br />
<input type="button" name="" value="Calculate" onmouseup="Cal(this,'number','front','back','total');" />
<input name="total" />
</form>
</body>
</html>
Bookmarks