topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-layer-tool-effect.htm / htm



  
  <!-- 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>
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Gregor (legreg@legreg.de) -->
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.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>
  
  <SPAN ID="newlayer" style="position:absolute;">layer-text</SPAN>
  <br><br><br>
  <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>
  
  <p><center>
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  2.15 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.