I have a form that has two radio buttons. Their function is to show one of
two hidden divs.
The JS is this:
<script language="JavaScript">
function toggle('with', 'without')
{
if (document.getElementById) {
withvbm= document.getElementById('with');
withoutvbm= document.getElementById('without');
}

if (withvbm.style.display == "none"){
withvbm.style.display = "";
withoutvbm.style.display = "none";
}

else if (withoutvbm.style.display == "none"){
withoutvbm.style.display = "";
withvbm.style.display = "none";
}
}
</script>
The radio buttons look like this:
 <input type="radio" name="VBM" value="1" id="with" onclick="toggle('with',
'without')">With<BR><BR>
   <input type="radio" name="VBM" value="2" id="without"
onclick="toggle('without', 'with')">With Out

And the divs look like this:
 <div id='with' style="display:none;">
 With vote by mail options here
 </div>
 <div id='without' style="display:none;">
 without vote by mail options here
 </div>
When I click either button, I get an error that and Object is expected. The
error is on the radio buttons. From what I can tell everything looks OK. Can
anyone see any issues with this? Also, I tried changing the first div's
style to display:block assuming that the page needed to see one of them and
of it did not work, but then I though no, that cannot be it since I want
both div's hidden until the user clicks one of the buttons.

Thanks,
-- 
Bruce Sorge


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Create robust enterprise, web RIAs.
Upgrade & integrate Adobe Coldfusion MX7 with Flex 2
http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:266102
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to