Relatively simple javascript question ( I hope ) IE vs. FFox

[SoulScriber]

This comes to be an IE vs. Firefox issue.

What I'm trying to do is 'onchange' of a checkbox have a table display underneath.

Firefox works fine (when you click on the 'Check Here if your Billing Address is different than your Delivery Address." checkbox (following link)

http://www.times-subscription.com/index.php


Problem is, IE doesn't display the table 'onchange'. Instead, once you change the checkbox, you have to click somewhere else on the page in order for the table to display.


The code of the checkbox is here:

<input id="bill_check" type="checkbox" onclick="doIt()" name="bill_checkbox">


The code of the function is here (if its relevant this script is right above the box inside of the body, rather than up in the head):

<script language="JavaScript1.2">
function doIt(){
if(document.getElementById("bill_check").checked)
{
document.getElementById("check").innerHTML="<table ><tr><td class=\"bodytext1\">BILLING FIRST NAME</td><td class=\"padding2\"><input name=\"billing_first_name\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr><tr><td class=\"bodytext1\">BILLING LAST NAME</td><td class=\"padding2\"><input name=\"billing_last_name\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr><tr><td class=\"bodytext1\">BILLING ADDRESS 1</td><td class=\"padding2\"><input name=\"bill_address_one\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr><tr><td class=\"bodytext1\">BILLING ADDRESS 2</td><td class=\"padding2\"><input name=\"bill_address_two\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr> <tr><tr><td class=\"bodytext1\">BILLING CITY</td><td class=\"padding2\"><input name=\"bill_city1\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr><tr><td class=\"bodytext1\">BILLING STATE</td><td style=\"padding: 2px; padding-left: 2px;\"><select name=\"bill_state1\"><option value=\"\">--Select One--</option><option value=\"AL\">Alabama</option><option value=\"AK\">Alaska</option><option value=\"AZ\">Arizona</option> <option value=\"AR\">Arkansas</option><option value=\"CA\">California</option><option value=\"CO\">Colorado</option><option value=\"CT\">Connecticut</option><option value=\"DE\">Delaware</option><option value=\"DC\">District of Columbia</option><option value=\"FL\">Florida</option><option value=\"GA\">Georgia</option><option value=\"HI\">Hawaii</option><option value=\"ID\">Idaho</option><option value=\"IL\">Illinois</option> <option value=\"IN\">Indiana</option><option value=\"IA\">Iowa</option><option value=\"KS\">Kansas</option> <option value=\"KY\">Kentucky</option><option value=\"LA\">Louisiana</option><option value=\"ME\">Maine</option><option value=\"MD\">Maryland</option><option value=\"MA\">Massachusetts</option><option value=\"MI\">Michigan</option><option value=\"MN\">Minnesota</option><option value=\"MS\">Mississippi</option><option value=\"MO\">Missouri</option><option value=\"MT\">Montana</option><option value=\"NE\">Nebraska</option> <option value=\"NV\">Nevada</option><option value=\"NH\">New Hampshire</option><option value=\"NJ\">New Jersey</option><option value=\"NM\">New Mexico</option><option value=\"NY\">New York</option><option value=\"NC\">North Carolina</option><option value=\"ND\">North Dakota</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=\"VT\">Vermont</option><option value=\"VA\">Virginia</option><option value=\"WA\">Washington</option><option value=\"WV\">West Virginia</option><option value=\"WI\">Wisconsin</option><option value=\"WY\">Wyoming</option></select></td></tr><tr><td class=\"bodytext1\">BILLING ZIP</td><td class=\"padding2\"><input name=\"bill_zip1\" type=\"text\" class=\"formStyle\" size=\"45\"></td></tr></table>";
}
else
{
document.getElementById("check").innerHTML="";
}
}
</script>


If anyone has any tips please let me know, much thanks!

[drhowarddrfine]

I'm not a javascript guy but the html/css guy and I'd like to point out a few things.
This is no longer valid:
<script language="JavaScript1.2">
Change it to:
<script type="text/javascript">

Also, you have declared transitional html yet you are using xhtml ending tags. Anything with a /> can cause an element to be closed. Those should all have the slash removed.

There are 133 html errors and two css errors. Most of the html errors are 'alt' errors and javascript related stuff.

[DutchKingCobra]

hi pal,
your solution is easy

instead of using
onchange="doIt()"
use
onclick="doIt()"

well peace to you