Aleenanne : Reference :Java Code

background

Computer

Computer

Up Image

Navigation

Site Breadcrumb - You are here

Reference JavaScript Code Library

Use this function to change the visibility of one or more objects. Remember, however, that Netscape will only allow you to set the visibility of "layers" (either absolutely positioned <div> or <span> tags or the now-deprecated Netscape-only <layer> tag).

Usage: WM_changeVisibility('targetLayer1', [visible|hidden|toggle], 'targetLayer2', [visible|hidden|toggle], ..., 'targetLayerN', [visible|hidden|toggle])

Demo (IE 4, Netscape 4 )

Requires: WM_checkIn()

Cut, paste, and enjoy!

<script language="JavaScript">
<!--

/*
WM_changeVisibility()
Changes whether a layer is visible or hidden.

Author: Nadav Savio

usage: WM_changeVisibility('targetLayer1',[visible|hidden|toggle],'targetLayer2',[visible|hidden|toggle],...,'targetLayerN',[visible|hidden|toggle])

*/

// set hidden/visible vars for Netscape 4 compatibility
if (document.layers) {
  var hidden = "hide";
  var visible = "show";
} else {
  var hidden = "hidden";
  var visible = "visible";
}
var toggle = "toggle";

function WM_changeVisibility() {
  if (document.layers || document.all) {
    var inc, endInc=arguments.length;
    // run through the args (objects) and set the visibility of each
    for (inc=0; inc<endInc; inc+=2) {
      // get a good object reference
      var daObj = WM_checkIn(arguments[inc]);
      if (arguments[inc+1] == hidden) {
        // hide the object
        daObj.visibility = hidden;
      } else if (arguments[inc+1] == visible) {
        // show the object
        daObj.visibility = visible;
      } else if (arguments[inc+1] == toggle) {
        // toggle the object's visibility
        if (daObj.visibility == visible) {
          daObj.visibility = hidden;
        } else if (daObj.visibility == hidden) {
          daObj.visibility = visible;
        }
      }
    }
  }
}

// -->

</script>