I have a form with radio buttons that change div's when each radio button is clicked. The script works fine but in Netscape the alignment of each div is different than IE. Does anybody have a solution for me??
Thanks for your input.
Here is the code -->
<script type="text/javascript">
<!--
function switchDiv(div_id)
{
var style_sheet = getStyleObject(div_id);
if (style_sheet)
{
hideAll();
changeObjectVisibility(div_id,"visible");
}
else
{
alert("sorry, this only works in browsers that do Dynamic HTML");
}
}
function hideAll()
{
changeObjectVisibility("ez","hidden");
changeObjectVisibility("full","hidden");
changeObjectVisibility("superduper","hidden");
changeObjectVisibility("location","hidden");
}
function getStyleObject(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId).style;
}
else if (document.all && document.all(objectId)) {
return document.all(objectId).style;
}
else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];
} else {
return false;
}
}
function changeObjectVisibility(objectId, newVisibility) {
var styleObject = getStyleObject(objectId);
if(styleObject) {
styleObject.visibility = newVisibility;
return true;
} else {
return false;
}
}
// -->
</script>
<FONT COLOR="#FFFFFF">
<form name="the_form">
<B>Select Search Criteria:<BR>
<INPUT TYPE="hidden" NAME="job" VALUE="ez" onLoad="switchDiv('ez');">
<input type="radio" name="form_type" checked value="ez"
onClick="switchDiv('ez');">Keyword
<input type="radio" name="form_type" value="full"
onClick="switchDiv('full');">Date Posted
<input type="radio" name="form_type" value="superduper"
onClick="switchDiv('superduper');">Salary
<input type="radio" name="form_type" value="location"
onClick="switchDiv('location');">Location
</B>
</form>
</FONT>
</TD></TR><TR><TD>
<div id="ez" style="position:absolute;top:370px;left:236px;widt h:418;height:100;border-width:thick thick thick thick; border-color:#DEDEDE; border-style:solid; background-color:#DEDEDE">
<form name="ez_form" method="POST" action="page.asp?page=536">
<input type="text" name="look_for">
<input type="submit" value="Search All Jobs">
</form>
</div>
<div id="full" style="position:absolute;visibility:hidden;top:370 px;left:236px;width:418;height:100;border-width:thick thick thick thick; border-color:#DEDEDE; border-style:solid; background-color:#DEDEDE">
<form name="full_form" method="POST" action="page.asp?page=536">
<select size="1" name="month">
<option selected value="0">Month</option>
<option value="1">Jan</option>
<option value="2">Feb</option> <option value="3">Mar</option>
<option value="4">Apr</option> <option value="5">May</option>
<option value="6">Jun</option> <option value="7">Jul</option>
<option value="8">Aug</option> <option value="9">Sep</option>
<option value="10">Oct</option> <option value="11">Nov</option>
<option value="12">Dec</option></SELECT>
<select size="1" name="day">
<option selected value="0">Day</option>
<option value="01">01</option>
<option value="02">02</option> <option value="03">03</option>
<option value="04">04</option> <option value="05">05</option>
<option value="06">06</option> <option value="07">07</option>
<option value="08">08</option> <option value="09">09</option>
<option value="10">10</option> <option value="11">11</option>
<option value="12">12</option> <option value="13">13</option>
<option value="14">14</option> <option value="15">15</option>
<option value="16">16</option> <option value="17">17</option>
<option value="18">18</option> <option value="19">19</option>
<option value="20">20</option> <option value="21">21</option>
<option value="22">22</option> <option value="23">23</option>
<option value="24">24</option> <option value="25">25</option>
<option value="26">26</option> <option value="27">27</option>
<option value="28">28</option> <option value="29">29</option>
<option value="30">30</option> <option value="31">31</option>
</SELECT>
<select size="1" name="year">
<option selected value="0">Year</option>
<option value="2003">2003</option>
<option value="2004">2004</option> <option value="2005">2005</option>
</SELECT>
<input type="submit" value="Search All Jobs">
</form>
</div>
<div id="superduper" style="position:absolute;visibility:hidden;top:370 px;left:236px;width:418;height:100;border-width:thick thick thick thick; border-color:#DEDEDE; border-style:solid; background-color:#DEDEDE">
<form name="full_form" method="POST" action="page.asp?page=536">
<select size="1" name="salary">
<option selected>Choose Salary</option>
<option value="1">20,000 - 40,000</option>
<option value="2">40,000 - 60,000</option>
<option value="3">60,000 - 80,000</option>
<option value="4">80,000 - 100,000</option>
<option value="5">100,000 and Higher</option>
</select>
<input type="submit" value="Search All Jobs">
</form>
</div>
<div id="location" style="position:absolute;visibility:hidden;top:370 px;left:236px;width:418;height:100;border-width:thick thick thick thick; border-color:#DEDEDE; border-style:solid; background-color:#DEDEDE">
<form name="location" method="POST" action="page.asp?page=536">
<SELECT size=1 name=location>
<OPTION value="" selected>Choose Location</OPTION>
<OPTION value=AK>Arkansas</OPTION><OPTION value=AL>Alabama</OPTION><OPTION
value=AR>Arkansas</OPTION><OPTION value=AZ>Arizona</OPTION><OPTION
value=CA>California</OPTION><OPTION value=CO>Colorado</OPTION><OPTION
value=CT>Connecticut</OPTION><OPTION value=DC>Washington D.C.</OPTION><OPTION
value=DE>Delaware</OPTION><OPTION value=FL>Florida</OPTION><OPTION
value=GA>Georgia</OPTION><OPTION value=HI>Hawaii</OPTION><OPTION
value=IA>Iowa</OPTION><OPTION value=ID>Idaho</OPTION><OPTION
value=IL>Illinois</OPTION><OPTION value=IN>Indiana</OPTION><OPTION
value=KS>Kansas</OPTION><OPTION value=KY>Kentucky</OPTION><OPTION
value=LA>Louisiana</OPTION><OPTION value=MA>Massachusetts</OPTION><OPTION
value=MD>Maryland</OPTION><OPTION value=ME>Maine</OPTION><OPTION
value=MI>Michigan</OPTION><OPTION value=MN>Minnesota</OPTION><OPTION
value=MO>Missouri</OPTION><OPTION value=MS>Mississippi</OPTION><OPTION
value=MT>Montana</OPTION><OPTION value=NC>North Carolina</OPTION><OPTION
value=ND>North Dakota</OPTION><OPTION value=NE>Nebraska</OPTION><OPTION
value=NH>New Hampshire</OPTION><OPTION value=NJ>New Jersey</OPTION><OPTION
value=NM>New Mexico</OPTION><OPTION value=NV>Nevada</OPTION><OPTION
value=NY>New York</OPTION><OPTION value=OH>Ohio</OPTION><OPTION
value=OK>Oklahoma</OPTION><OPTION value=OR>Oregon</OPTION><OPTION
value=PA>Pennsylvania</OPTION><OPTION value=RI>Rhode Island</OPTION><OPTION
value=SC>South Carolina</OPTION><OPTION value=SD>South Dakota</OPTION><OPTION
value=TN>Tennessee</OPTION><OPTION value=TX>Texas</OPTION><OPTION
value=UT>Utah</OPTION><OPTION value=VA>Virginia</OPTION>
<OPTION value=VT>Vermont</OPTION><OPTION
value=WA>Washington</OPTION><OPTION value=WI>Wisconsin</OPTION><OPTION
value=WV>West Virginia</OPTION><OPTION value=WY>Wyoming</OPTION></SELECT>
<INPUT type="submit" name="submit" value="Submit">
</FORM>
</div>
show/hide div's problem in Netscape
Linear Mode
