ie6 and style.visibility

Here's the javascript. In my case, it's embedded in the head section of the html source shown above.

This is the script messing with the visibility property.

<script type="text/javascript"><!-- //Hide from unscripted browsers
function cLapse(name) {
  if (name&&document.getElementById) {
    var elm = new Object();
    elm = document.getElementById(name);
    if (elm) {
    if (elm.style) {
    if (elm.style.visibility) {
      if (elm.style.visibility.toString()!="hidden") {
        elm.style.visibility="hidden";
      } else {
        elm.style.visibility="visible";
      }
    } else {
      alert("Style of element '" + name + "' has no property 'visibility'.");
    }
    } else {
      alert("Element '" + name + "' has no property 'style'.");
    }
    } else {
      alert("Element '" + name + "' not found.");
    }
  } else {
    alert("Collapse not supported.");
  }
}

// -->
</script>

ie6 says, "Style of element 'Asp.dd' has no property 'visibility'". I'm sure it does.


This is the script messing with the display property.

<script type="text/javascript"><!-- //Hide from unscripted browsers
function cLapse(name) {
  if (name&&document.getElementById) {
    var elm = new Object();
    elm = document.getElementById(name);
    if (elm) {
    if (elm.style) {
    if (elm.style.display) {
      if (elm.style.display.toString()!="collapse") {
        elm.style.display="collapse";
      } else {
        elm.style.display="block";
      }
    } else {
      alert("Style of element '" + name + "' has no property 'display'.");
    }
    } else {
      alert("Element '" + name + "' has no property 'style'.");
    }
    } else {
      alert("Element '" + name + "' not found.");
    }
  } else {
    alert("Collapse not supported.");
  }
}

// -->
</script>

Opera6 says, "Style of element 'Asp.dd' has no property 'display'". I'm sure it does.

ie6 says the same, but only the second time. The first time the caption is clicked, the link block will disappear. It won't reappear, however.

And finally, some css. It may be crucial, or not.

html, body {
margin: 0;
padding: 0;
font-family: sans-serif;  
font-size: 10pt;  
background-color: AppWorkspace;  
color: AppWorkspace;
}
dl {
display: inline-table;
width: 15em;
margin: 2pt;  
vertical-align: top;
}
dt {
padding: 2pt;  
border-style: solid;  
border-width: thin;  
border-top-color: ThreeDHighlight;  
border-right-color: ThreeDDarkShadow;  
border-bottom-color: ThreeDDarkShadow;  
border-left-color: ThreeDHighlight;  
background-color: ActiveCaption;  
color: CaptionText;  
font-family: sans-serif;  
font-size: 10pt;  
text-align: left;  
font-weight: bold;
}
dd {
display: block;
margin: 0;
padding: 1pt;  
border-style: solid;  
border-width: thin;  
border-top-color: Menu;  
border-right-color: ThreeDDarkShadow;  
border-bottom-color: ThreeDDarkShadow;  
border-left-color: ThreeDHighlight;  
background-color: Menu;  
color: MenuText;
}
a {  
padding-left: 9pt;
padding-bottom: 2pt;
font-family: sans-serif;  
font-size: 10pt;  
display: block;
}
a:link {  
background-color: Menu;  
color: MenuText;  
text-decoration: none;
}
a:visited {  
background-color: Menu;  
color: MenuText;  
text-decoration: none;
}
a:active, a:hover, a:focus {  
background-color: Highlight;  
color: HighlightText;  
text-decoration: none;
}

I hope this will be enough information for now.

Greetings,

I figured out why your code works and mine doesn't. The display property doesn't have a setting 'collapse'. IE6 lets me set display to collapse (which it shouldn't), and then doesn't let me change it back (which it should). Thus, instead of informing us that "'collapse' isn't a supported setting for display", IE6 simply states "display is undefined".

I could have given you a B grade for not stating my mistake. But, you went through a great deal of work to come up with this answer, so you deserve an A grade.

I still have to figure out why Opera doesn't allow the display setting to be changed through client script. It sure does support and use it through css. But that will be another thread.

Thanks, Hagur.

Well, I didn't really check out what you did wrong, I've done this many times before at work and I just replaced your code with some code of mine which I knew would work :)

Anyways, glad I could help!