FF/IE Javascript FAILING! ZOMG!

F

[FX]Roman

Gawd
Joined
Apr 16, 2002
Messages
819
Hi All,

I've got a tidbit of show/hide code which is failing for me in FF but runs perfectly in IE.
What on Earth is happening here?


Code: 
<script language="JavaScript">
function propertyOccupiedOp(){
	if (document.all.propOccu_SD.checked == true || document.all.propOccu_Other.checked == true) {document.getElementById("prop_occupied1").style.display = "";}
	else{document.getElementById("prop_occupied1").style.display = "none";}}
</script>
<table width="600" border="0" cellspacing="0" cellpadding="3">
  <tr> 
    <td width="52%" valign="top">Is this property being used/occupied by:</td>
    <td width="49%"><input name="propOccu_SD" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      School District <br> <input name="propOccu_Other" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      Other tenants <br> <input name="propOccu_NA" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      Unoccupied</td>
  </tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="3" id="prop_occupied1" style="display:none;">
  <tr> 
    <td valign="top"> Describe use, tenancy/lease arrangements (e.g. name of tenant, 
      expiration date of agreement, renewal option, etc.)</td>
    <td valign="top"> <textarea name="propOccuDesc" cols="52" rows="9" onkeyup="count(document.AddProperty.propOccuDesc,750); document.getElementById('propOccuDesc_count').innerHTML=(750 - this.value.length); "></textarea> 
      <br> <span class="noteDesc"><B><SPAN id=propOccuDesc_count>750</SPAN></B> 
      characters remaining for description.</span></td>
  </tr>
  <tr> 
    <td colspan="4"><hr width="100%" size="1" noshade></td>
  </tr>
</table>

Nevermind, some outside scripts are wrecking this somehow, but only in FF.
 
Actually, THIS doesn't work, however:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script language="JavaScript">
function propertyOccupiedOp(){
	if (document.all.propOccu_SD.checked == true || document.all.propOccu_Other.checked == true) {document.getElementById("prop_occupied1").style.display = "";}
	else{document.getElementById("prop_occupied1").style.display = "none";}}
</script>
<table width="600" border="0" cellspacing="0" cellpadding="3">
  <tr> 
    <td width="52%" valign="top">Is this property being used/occupied by:</td>
    <td width="49%"><input name="propOccu_SD" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      School District <br> <input name="propOccu_Other" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      Other tenants <br> <input name="propOccu_NA" type="checkbox" value="True" onclick="propertyOccupiedOp();">
      Unoccupied</td>
  </tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="3" id="prop_occupied1" style="display:none;">
  <tr> 
    <td valign="top"> Describe use, tenancy/lease arrangements (e.g. name of tenant, 
      expiration date of agreement, renewal option, etc.)</td>
    <td valign="top"> <textarea name="propOccuDesc" cols="52" rows="9" onkeyup="count(document.AddProperty.propOccuDesc,750); document.getElementById('propOccuDesc_count').innerHTML=(750 - this.value.length); "></textarea> 
      <br> <span class="noteDesc"><B><SPAN id=propOccuDesc_count>750</SPAN></B> 
      characters remaining for description.</span></td>
  </tr>
  <tr> 
    <td colspan="4"><hr width="100%" size="1" noshade></td>
  </tr>
</table>
</body>
</html>
 
Does ANYONE know why that doctype is choking on checkboxes?

I've got things being displayed off and on via radio buttons in the same form that have NO problems!
If you know what's going on, you're clearly 1337!
Aieeee!!!
 
You must log in or register to reply here.
Back
Top