Hiding form elements

[aarrgghh]

any ideas on how to hide <form> elements with onMouseOver in NS4.72?

I can get it to work with every other browser except NS4.7X. Heres wat Ive tried:

function hide(){
if (document.getElementById){
document.getElementById("form").style.visibility = 'hidden';}
if(document.all){document.all("form").style.visibility = 'hidden';}

}

 

[theboyhope]

Search for "document.layers visibility", mate. HTH.

 

[simonchristieis]

try this

function hide(){
if (document.getElementById)
document.getElementById("form").style.blocked='none';

if(document.all)
document.all("form").style.visibility = 'hidden';
}

 

[theboyhope]

Didn't he say NS4? I'll be shocked all to hell if NS4 understands getElementById().

 

[vongrunt]

As far as I remember (and frankly, I want to forget :E) NS4 had non-standard values for visibility - show/hide instead of visible/hidden.

If getElementById doesn't work, access form through document.forms. Or wrap it into div/layer/whatever and use document.layers.

 

[simonchristieis]

oh yeah - i missed that bit, still we can always emulate the getelementbyid method:

document.version = parseFloat(navigator.appVersion);
document.hostApplication = navigator.appName.substring(0,3);
document.browserClass = parseInt(document.version);

if(document.browserClass < 4){}else
if(document.browserClass == 4){if(document.hostApplication == "Net")
{function _style()
 {this.layerRef = null;    
  this.watch("visibility", function(id, old, nval){eval("this.layerRef." + id + " = '" + nval + "'");return nval;});
  this.watch("top", function(id, old, nval) {eval("this.layerRef." + id + " = '" + nval + "'");return nval;});
  this.watch("left", function(id, old, nval) {eval("this.layerRef." + id + " = '" + nval + "'"); return nval;});}
 Layer.prototype.style = new _style();} 

document.getElementById = function(name){
if(document.hostApplication == "Net"){
var lyr=eval("document." + name);lyr.style.layerRef=lyr;return lyr;
}else{return eval("document.all." + name);}}}

simon