Write Layer

By JavaScriptSource Staff on Mar 29, 2001

Display, hide, and change layers in all browsers. This useful script makes it easy!

layer-text

hide layer | show layer | layer-text #1 | layer-text #2

The JavaScript Source: Image Effects: Write Layer

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!– TWO STEPS TO INSTALL WRITE LAYER:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  –>

<!– STEP ONE: Paste this code into the HEAD of your HTML document –>

<HEAD>

<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://www.javascriptsource.com –>

<!– Begin
var ie4 = (document.all) ? true : false;
var ns4 = (document.layers) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;
function hidelayer(lay) {
if (ie4) {document.all[lay].style.visibility = “hidden”;}
if (ns4) {document.layers[lay].visibility = “hide”;}
if (ns6) {document.getElementById([lay]).style.display = “none”;}
}
function showlayer(lay) {
if (ie4) {document.all[lay].style.visibility = “visible”;}
if (ns4) {document.layers[lay].visibility = “show”;}
if (ns6) {document.getElementById([lay]).style.display = “block”;}
}
function writetolayer(lay,txt) {
if (ie4) {
document.all[lay].innerHTML = txt;
}
if (ns4) {
document[lay].document.write(txt);
document[lay].document.close();
}
if (ns6) {
over = document.getElementById([lay]);
range = document.createRange();
range.setStartBefore(over);
domfrag = range.createContextualFragment(txt);
while (over.hasChildNodes()) {
over.removeChild(over.lastChild);
}
over.appendChild(domfrag);
 }
}
// End –>
</script>

</HEAD>

<!– STEP TWO: Copy this code into the BODY of your HTML document –>

<BODY>

layer-text
 
<a href=”javascript:hidelayer(‘newlayer’);”>hide layer</a> | 
<a href=”javascript:showlayer(‘newlayer’);”>show layer</a> | 
<a href=”javascript:writetolayer(‘newlayer’,’layer-text #1′);”>layer-text #1</a> | 
<a href=”javascript:writetolayer(‘newlayer’,’layer-text #2′);”>layer-text #2</a>

<center>
Free JavaScripts provided 
by <a href=”https://javascriptsource.com”>The JavaScript Source</a>
</center>

<!– Script Size: 2.15 KB –>

Related Items via Envato Market

More Image Effects JavaScript Snippets