[RESOLVED] Can't hide checkbox in IE

[wbport]

While I am working on a webpage and still on my computer, I like to have test data readily available and I run this on "onload":

function startup() {
  document.penta.DeBugging.checked=false;
  var dloc = document.location.toString();
  if (dloc.slice(0,4) != "file") {
    document.penta.DeBugging.style.visibility = 'hidden'; }
}
.....................................
<form name="penta">
<h1 align="center">Move Chord Names</h1>
<table cellspacing="1" cellpadding="3" width="1100" align="center" bgcolor="#004000" border="0">
<tbody>

  <tr>
    <td>&nbsp;</td></tr>
  <tr>
    <td bgcolor="#ffffee">

      <p><textarea cols="130" rows="14" name="IOChords"></textarea>&nbsp;</p>
      <p><input type="checkbox" name="DeBugging" onClick="demo();"></p>
   </td></tr>
  <tr>
    <td bgcolor="#004000">&nbsp;</td></tr></tbody></table></form>
}

Once uploaded the checkbox should disappear.
This works file using Firefox or Chrome but the checkbox is still visible in IE.
This is a link to the whole page: MoveChord.htm.

TIA

[xelawho]

The checkbox is still visible in IE when hosted? 'Cos I can't see it on your page in IE8...

have you set an alert to see what value IE is returning for dloc?

[wbport]

I am using IE9. Just inserted an alert in a testing version on an upload and dloc looked OK.

[xelawho]

sorry - if this is an IE9-only problem, I'm out...

if dloc weren't returning correctly, Id suggest one of the alternatives:

var dloc = window.location.toString();
var dloc = document.URL;

but being that it is, I guess I'm just typing for the fun of it... good luck!

[wbport]

I've changed a few things and I think it flies now:

  var dloc = document.location.toString();
  var DeBugging = document.getElementById("DeBugging")
  if (dloc.slice(0,4) != "file") {
    DeBugging.style.visibility = 'hidden'; }
................................
      <p><input type="checkbox" id="DeBugging" name="DeBugging" onClick="demo();"></p>

When I compared it to something that DOES work, the "getElementById" was the only change.

[wbport]

Just adding "id=" to the window element allowed it to be hidden in IE9: getElementById() wasn't necessary.