/**********************************************************
* Popup Window Definition Part *
* *
* To add a popup window, add a string definition below. *
* To include the item in the printing friendly page, *
* modify the longStr by adding the item to it. *
* Don't change anything else. *
**********************************************************/
var htmlOpener = "<html><head><title>Tooltip and Popup Window Demo</title>"+
"</head><body bgcolor='navyblue'><p>"
var htmlCloser = "</body></html>"
demo1 = "<center><b>Title Here.</b></center><p>It is fun. Don't forget to put a line break here.<p>"
demo2 = "No title in this window. Just plain text.<p>"
demo3 = "How much is a picture worth? <p><center><img src='corr.gif'>"+
"</center><p>"
/****END OF STRING DEFINITION*****/
var popupWin
var wholeWin
function popup(term) // write corresponding content to the popup window
{
popupWin = window.open("", "puWin", "width=480,height=200,scrollbars,dependent,resizable");
popupWin.document.open("text/html", "replace");
popupWin.document.write(htmlOpener);
popupWin.document.write(term);
popupWin.document.write(htmlCloser);
popupWin.document.close(); // close layout stream
popupWin.focus(); // bring the popup window to the front
}
function closeDep() {
if (popupWin && popupWin.open && !popupWin.closed) popupWin.close();
if (wholeWin && wholeWin.open && !wholeWin.closed) wholeWin.close();
}
/***********************END OF FUNCTION POPUP******************************/
function printwhole()
{
longStr ="<center><h2>Annotated Output for Proc Univariate</h2></center>";
longStr += demo1 + demo2 + demo3;
wholeWin = window.open("","wWin", "width=800,height=500,dependent=yes,scrollbars=yes,resizable=yes,toolbar=yes,menubar=yes");
wholeWin.document.open("text/html","replace");
wholeWin.document.write(htmlOpener);
wholeWin.document.write(longStr);
wholeWin.document.write(htmlCloser);
wholeWin.document.close();
wholeWin.focus();}
/*******End of popup window stuff*********/
/***************************Tooltip Part Begins***************************/
var style = ((NS4 && document.test) || IE4) ? 1 : 0;
var timerID = null;
var padding = 3; // < 4 recommended
var bgcolor = "beige";
var borWid = 1; // for no border, assign null
var borCol = "#0000cc";
var borSty = "solid";
var str = "<STYLE TYPE='text/css'>";
str += ".tooltip {";
str += "position: absolute;";
str += "visibility: hidden;";
str += "left: 0; top: 0;";
if (borWid > 0) { // if a border is specified
str += "border-width: " + borWid + ";";
str += "border-color: " + borCol + ";";
str += "border-style: " + borSty + ";";
}
if (NS4) {
if (borWid > 0 && padding <= 3) {
str += "padding: 0;";
str += "layer-background-color: " + bgcolor + ";"; }
else if (borWid > 0 && padding > 3) {
str += "padding: " + (padding - 3) + ";";
str += "background-color: " + bgcolor + ";";
} else if (borWid == 0) {
str += "padding: " + padding + ";";
str += "layer-background-color: " + bgcolor + ";";
}
} else {
str += "padding: " + padding + ";";
str += "background-color: " + bgcolor + ";";
}
str += "}";
str += "</STYLE>";
if (style) {
document.write(str);
if (NS4) window.onload = init;
}
/**************************************************
* Making your tooltip text here *
* This is the only place that need to be modified.*
* The first argument is the name of the tooltip. *
* The second argument is the width and last one *
* is the content of the tooltip. *
**************************************************/
makeEl("tip1", 100, "<font size=1>Small tooltip</font>");
makeEl("tip2", 200, "<font size=2>Not so small and not clickable tooltip</font>");
makeEl("tip3", 150, "<font size=3>Large tooltip</font>");
/*************************End of making tooltip text*************************/
function init() {
setTimeout("window.onresize = redo", 1000);
}
function redo() {
window.location.reload();
}
function makeEl(id, width, code) {
if (!style) return;
var str = "<STYLE TYPE='text/css'>";
str += "#" + id + " {";
str += "width: " + width + ";";
str += "}";
str += "</STYLE>";
str += "<DIV CLASS='tooltip' ID='" + id + "'><center>" + code + "</center></DIV>";
document.write(str);
}
function displayEl(left, top) {
if (NS4) document.releaseEvents(Event.MOUSEMOVE);
document.onmousemove = null;
var whichEl = (NS4) ? document[active] : document.all[active].style;
whichEl.left = left;
whichEl.top = top;
whichEl.visibility = (NS4) ? "show" : "visible";
}
function clearEl() {
if (!style) return;
var whichEl = (NS4) ? document[active] : document.all[active].style;
whichEl.visibility = (NS4) ? "hide" : "hidden";
active = null;
if (timerID) clearTimeout(timerID);
if (NS4) document.releaseEvents(Event.MOUSEMOVE);
document.onmousemove = null;
}
function activateEl(id, e) {
if (!style) return;
active = id;
if (NS4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = checkEl;
checkEl(e);
}
function checkEl(e) {
if (timerID) clearTimeout(timerID);
var left = (NS4) ? e.pageX : event.clientX + document.body.scrollLeft;
var top = (NS4) ? e.pageY + 20 : event.clientY + document.body.scrollTop + 20;
timerID = setTimeout("displayEl(" + left + ", " + top + ")", 300);
}