doc/xslt/slides/browser/overlay.js

   1 // -*- Java -*-
   2 //
   3 // Overlay.js, adapted from Floating image II on dynamicdrive.com
   4 /* Usage:
   5 <html>
   6 <head>
   7 <script LANGUAGE="JavaScript1.2" src="overlay.js"></script>
   8 ...rest of head...
   9 </head>
  10 <body onload="overlaySetup(corner)">
  11 <div id="overlayDiv" STYLE="position:absolute;visibility:visible;">
  12 ...body of overlay...
  13 </div>
  14 ...rest of page...
  15 */
  16
  17 var overlayNS4 = document.layers ? 1 : 0;
  18 var overlayIE  = document.all ? 1 : 0;
  19 var overlayNS6 = document.getElementById && !document.all ? 1 : 0;
  20
  21 var overlayPadX = 15;
  22 var overlayPadY = 15;
  23 var overlayDelay = 60;
  24
  25 var overlayCorner = 'ur'; // ul, ll, ur, lr, uc, lc, cl, cr
  26
  27 function overlayRefresh() {
  28     var overlayLx = 0;
  29     var overlayLy = 0;
  30
  31     var overlayX = 0;
  32     var overlayY = 0;
  33     var overlayW = 0;
  34     var overlayH = 0;
  35     var contentH = 0;
  36
  37     var links = document.getElementsByTagName("body")[0];
  38
  39     if (overlayIE) {
  40         overlayLx = document.body.clientWidth;
  41         overlayLy = document.body.clientHeight;
  42
  43         if (document.body.parentElement) {
  44           // For IE6
  45           overlayLx = document.body.parentElement.clientWidth;
  46           overlayLy = document.body.parentElement.clientHeight;
  47         }
  48
  49         overlayH  = overlayDiv.offsetHeight;
  50         overlayW  = body.offsetWidth; // overlayDiv.offsetWidth;
  51         contentH  = body.offsetHeight;
  52     } else if (overlayNS4) {
  53         overlayLy = window.innerHeight;
  54         overlayLx = window.innerWidth;
  55         overlayH  = document.overlayDiv.clip.height;
  56         overlayW  = body.clip.width; // document.overlayDiv.clip.width;
  57         contentH  = body.clip.height;
  58     } else if (overlayNS6) {
  59         var odiv = document.getElementById('overlayDiv');
  60
  61         overlayLy = window.innerHeight;
  62         overlayLx = window.innerWidth;
  63         overlayH  = odiv.offsetHeight;
  64         overlayW  = odiv.offsetWidth; // body.offsetWidth;
  65         contentH  = odiv.offsetHeight;
  66     }
  67
  68     if (overlayCorner == 'ul') {
  69         overlayX = overlayPadX;
  70         overlayY = overlayPadY;
  71     } else if (overlayCorner == 'cl') {
  72         overlayX = overlayPadX;
  73         overlayY = (overlayLy - overlayH) / 2;
  74     } else if (overlayCorner == 'll') {
  75         overlayX = overlayPadX;
  76         overlayY = (overlayLy - overlayH) - overlayPadY;
  77     } else if (overlayCorner == 'ur') {
  78         overlayX = (overlayLx - overlayW) - overlayPadX;
  79         overlayY = overlayPadY;
  80     } else if (overlayCorner == 'cr') {
  81         overlayX = (overlayLx - overlayW) - overlayPadX;
  82         overlayY = (overlayLy - overlayH) / 2;
  83     } else if (overlayCorner == 'lr') {
  84         overlayX = (overlayLx - overlayW) - overlayPadX;
  85         overlayY = (overlayLy - overlayH) - overlayPadY;
  86     } else if (overlayCorner == 'uc') {
  87         overlayX = (overlayLx - overlayW) / 2;
  88         overlayY = overlayPadY;
  89     } else { // overlayCorner == 'lc'
  90         overlayX = (overlayLx - overlayW) / 2;
  91         overlayY = (overlayLy - overlayH) - overlayPadY;
  92     }
  93
  94     if (overlayIE) {
  95         overlayDiv.style.left=overlayX;
  96         overlayDiv.style.top=overlayY+document.body.scrollTop;
  97
  98         if (contentH > overlayLy) {
  99             overlayDiv.style.visibility = "hidden";
 100         }
 101     } else if (overlayNS4) {
 102         document.overlayDiv.pageX=overlayX;
 103         document.overlayDiv.pageY=overlayY+window.pageYOffset;
 104         document.overlayDiv.visibility="visible";
 105
 106         if (contentH > overlayLy) {
 107             document.overlayDiv.style.visibility = "hidden";
 108         }
 109     } else if (overlayNS6) {
 110         var div = document.getElementById("overlayDiv");
 111         var leftpx = overlayX;
 112         var toppx = overlayY+window.pageYOffset;
 113         var widthpx = overlayW;
 114
 115         div.style.left = leftpx + "px";
 116         div.style.top = toppx + "px";
 117         div.style.width = widthpx + "px";
 118
 119         if (contentH > overlayLy) {
 120             div.style.visibility = "hidden";
 121         } else {
 122             div.style.visibility = "visible";
 123         }
 124     }
 125 }
 126
 127 function onad() {
 128     loopfunc();
 129 }
 130
 131 function loopfunc() {
 132     overlayRefresh();
 133     setTimeout('loopfunc()',overlayDelay);
 134 }
 135
 136 function overlaySetup(corner) {
 137     overlayCorner = corner;
 138
 139     if (overlayIE || overlayNS4 || overlayNS6) {
 140         onad();
 141     }
 142 }