Displaying code from Chapter Seven, page
208
============= 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 =============