Hi
The problem I have is with IE7....the attribue does not work in it? Also I gettingan undefined error that I do not understand..
Any help?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ohm's Law Calculator</title>
<script language="javascript">
function solveform(){ //called by the on onkeypevent
var d=document.f1;
var v1=d.volts.value;
var o1=d.ohms.value;
var a1=d.amps.value;
var w1=d.watts.value;
if (a1 && o1){w1=Math.pow(a1, 2)*o1; v1=o1*a1;}
else if (a1 && v1){w1=a1*v1; o1=v1/a1;}
else if (v1 && o1){w1=Math.pow(v1, 2)/o1; a1=v1/o1;}
else if (w1 && a1){v1=w1/a1; o1=w1/Math.pow(a1,2);}
else if (w1 && v1){a1=w1/v1; o1=Math.pow(v1,2)/w1;}
else if (a1 && v1){w1=v1*a1; o1=v1/a1;}
else if (w1 && o1){v1=Math.sqrt(w1*o1); a1=Math.sqrt(w1/o1);}
document.getElementById('volts').innerHTML=v1;
document.getElementById('ohms').innerHTML =o1;
document.getElementById('amps').innerHTML =a1;
document.getElementById('watts').innerHTML=wl;
}
function validNumeric(f) { //Function that strips out any letters and displays error message
if (!/^\d*$/.test(f.value)) {
var t1 =setTimeout("document.getElementById('error').innerHTML = 'Please Only enter letters'",1000);
var t2 =setTimeout("document.getElementById('error').innerHTML = ''",5000);
f.value = f.value.replace(/[^\d]/g,"");
}
solveform()
}
function clear() {
var divs = document.getElementById('theForm').getElementsByTagName('div');// Create variable for the divs in the form
for (var i=0; i<divs.length; i++) {
var div = divs[i];
while (div.hasChildNodes()) {
div.removeChild(div.firstChild);
}
}
}
</script>
</head>
<body>
<form name="f1" id="theForm" onreset="clear()" />
<!-- Title of form -->
<table cellpadding="5" border="1" cellspacing="0" bgcolor="#ffedcf">
<tr>
<td colspan="4" align="center">Enter two known values and press <b>Solve</b> to calculate unknowns.</td>
</tr>
<!--Volts row -->
<tr>
<td align="left" width="90" height="70px">Volts(Volts)</td>
<td align="center"><input type="Text" name="volts" size="20" onkeyup="validNumeric(this)" onclick= "inputBoxes()" /></td>
<td align="center" width="200px"><div id="volts"></div>V</td>
</tr>
<tr>
<td align="left" width="90" height="70px">Resistance(Ohms)</td>
<td align="center"><input type="Text" name="ohms" size="20" onkeyup="validNumeric(this)" onclick="inputBoxes()" /></td>
<td align="center" width="200px"><div id="ohms"></div>Ω</td>
</tr>
<tr>
<td align="left" width="90" height="70px">Current(Amps)</td>
<td align="center"><input type="Text" name="amps" size="20" onkeyup="validNumeric(this)" onclick="inputBoxes()" /></td>
<td align="center" width="200px"><div id="amps"></div>A</td>
</tr>
<tr>
<td align="left" width="90" height="70px">Power(Watts)</td>
<td align="center"><input type="Text" name="watts" size="20" onkeyup="validNumeric(this)" onclick="inputBoxes()" /></td>
<td align="center" width="200px" ><div id="watts"></div>W</td>
</tr>
<tr>
<td></td>
<td align="center" colspan="2">
<input type="reset" value=" Reset " name="reset" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
function inputBoxes(){
var names=['volts','ohms','amps','watts'], n, i=0, k=0, el;
while(n=names[i++]){
document.getElementsByName(n)[0].value.length>0?k++:null;
}
i=0;
while(n=names[i++]){
el=document.getElementsByName(n)[0];
el.removeAttribute('disabled');
k==2&&el.value.length==0?el.setAttribute('disabled','disabled'):null;
}
}
</script>
<p><b id='error'></b> </p>
</body>
</html