Displaying code from Chapter Seven, page 208

LOGO

============= The Source Code Follows =============

<html>
   <head>
      <script language=javascript>
var brows;
var orig_width;
var orig_height;
var px;
var py;

function Init(){
   brows = new BrowserObj();
   if( (brows.major < 4) || (brows.other) )
      alert("Only works with version 4 (or later) browsers");
   else {
      if(brows.navigator) {
         orig_height = window.innerHeight;
         orig_width = window.innerWidth;
         }
      else {
         orig_height = document.body.clientHeight;
         orig_width = document.body.clientWidth
         }
      SetupEvents();
      PositionLogo();
      }
   } // Init


function BrowserObj() {
   this.navigator = 0;
   this.explorer = 0;
   this.other = 0;

   if ((navigator.appName.toLowerCase()).
   indexOf("netscape") >= 0)
      this.navigator = 1;
   else {
      if ((navigator.appName.toLowerCase()).
      indexOf("explorer") >= 0)
         this.explorer = 1;
      else
         this.other = 1;
      }
    this.major = parseInt(navigator.appVersion)
    this.minor = parseFloat(navigator.appVersion)
   } // BrowserObj


function PositionLogo() {
   if(brows.navigator){
      var height = window.innerHeight + py;
      var width = window.innerWidth + px;
      }
   else {
      var height = orig_height;
      var width = orig_width;
      }
   var wide = 120; // logo width
   var high = 120; // logo height
   var top = height - high;
   var left = width - wide;

   if(brows.navigator) {
        if (brows.major == 4) 
           document.layers["lay10"].moveTo(left, top);
        else {
           document.getElementById("lay10").style.left = left;
           document.getElementById("lay10").style.top = top;
        }
   }
   else {
      document.all("lay10").style.left = left;
      document.all("lay10").style.top = top;
  }
   } // PositionLogo


function SetupEvents() {     
   if (brows.navigator)
      setInterval("Reposition()", 200);
   else {   
      window.onresize = new Function("Reposition()");
      window.onscroll = new Function("Reposition()");
      }
   } // SetupEvents


function Reposition() {
   if(brows.navigator) {
      px = window.pageXOffset;
      py = window.pageYOffset;
      if ( (orig_width != window.innerWidth)
         || (orig_height != window.innerHeight) )
         {
         orig_width = window.innerWidth;
         orig_height = window.innerHeight;
         }
      }
   else {
      px = document.body.clientWidth;
      py = document.body.clientHeight;
      var w2 = document.body.scrollLeft;
      var h2 = document.body.scrollTop;
      orig_width = px + w2;
      orig_height = py + h2;
      }
      PositionLogo();
   } // Reposition

      </script>
   </head>
   <body onLoad=Init()>
      <div id="lay0" style="visibility: visible;
      position: absolute;">
         <!--Your Content Here -->
      </div>

      <div id="lay10"
         style="visibility: visible;
            position: absolute;
            font-size: 20pt;
            background: aquamarine;
            color: purple;
            text-align: left;">
         <p>LOGO</p>
      </div>

   </body>
</html>

============= © Chris Bates === Created on Monday, 22nd March, at 21:27 =============