www.webdeveloper.com
Results 1 to 6 of 6

Thread: [RESOLVED] Can't hide checkbox in IE

  1. #1
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373

    resolved [RESOLVED] Can't hide checkbox in IE

    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":
    Code:
    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

  2. #2
    Join Date
    Nov 2010
    Posts
    978
    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?

  3. #3
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373
    I am using IE9. Just inserted an alert in a testing version on an upload and dloc looked OK.

  4. #4
    Join Date
    Nov 2010
    Posts
    978
    sorry - if this is an IE9-only problem, I'm out...

    if dloc weren't returning correctly, Id suggest one of the alternatives:
    Code:
    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!

  5. #5
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373
    I've changed a few things and I think it flies now:
    Code:
      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.

  6. #6
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373
    Just adding "id=" to the window element allowed it to be hidden in IE9: getElementById() wasn't necessary.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles