Uncle Jims Javascript Designs: DOUBLE-CLICK SCROLLER

Uncle Jim's JavaScript Examples

Show/Hode Scroller

Author: Paul Anderson

This JavaScript example is a neat little script that displays a scroller page when you double-click anywhere in the blank area of the page. No matter where you are on the page, simply double-click in a blank area and the scroller menu will appear at the bottom right of the page. When you double-click again, the scroller will disappear from the page, waiting for you to double-click again. This JavaScript allows you to place any message you desire, including hyperlinks, within the scroller because it is a seperate HTML page.

INSTALLATION INSTRUCTIONS

COPY - Insert Inside Body: <BODY></BODY>

<style type="text/css">
#waterMark {
	position:absolute;
	background-color:FFCCCC;
	border-style:ridge;
	border-color:FF0000;
}
</style>

<iframe id="waterMark" scrolling="no" src="newscontent211.html"></iframe>

<script language="JavaScript1.2"><!--
// CREDITS:
// Floating functions are based on the watermark script 
// by Paul Anderson, CNET Builder.com. All rights reserved.
//
// Scroller-functions and Display-and-Hide-functions by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.

// CONFIGURATION: 
// The full-version contains step-by-step instructions on how to configure
// the script.

var markW=140;   
var markH=90;    
var markX=5;    
var markY=5;     
var showmenu=-1;
var markRefresh=100; 	
markX=100-markX
markY=100-markY

if (!document.all) document.all = document;
if (!document.all.waterMark.style) document.all.waterMark.style = document.all.waterMark;

wMark = document.all.waterMark.style;
wMark.width = markW;
wMark.height = markH;
navDOM = window.innerHeight; 
 
function setVals() {
 barW = 0; 
 barH = 0;
 if (navDOM) {
  if (document.height > innerHeight) barW = 20;
  if (document.width > innerWidth) barH = 20;
  } else {
  innerWidth = document.body.clientWidth;
  innerHeight = document.body.clientHeight;
  }
 posX = ((innerWidth - markW)-barW) * (markX/100);
 posY = ((innerHeight - markH)-barH) * (markY/100);
 }

function dblclick() {
	showmenu=showmenu*-1
}
function wRefresh() {
	if (showmenu==1) {
		wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft); 
 		wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop);
	}
	else {
		wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft)+10000;
 		wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop)
	}
 }
function markMe() {
 	if (document.all) {
 		setVals();
		document.ondblclick=dblclick;
		window.onresize=setVals;
 		markID = setInterval ("wRefresh()",markRefresh);
	}
 }
window.onload=markMe;
//--></script>

Close This Window