Warp-SE/cpld/XC95144XL/MXSE_html/fit/tooltips.js
2021-10-29 06:04:59 -04:00

144 lines
3.6 KiB
JavaScript

/* Your are permitted to reuse this code as long as the following copyright
notice is not removed:
This HTML tip handling is copyright 1998 by insideDHTML.com, LLC. More information about this
code can be found at Inside Dynamic HTML: HTTP://www.insideDHTML.com
*/
// Support for all collection
var allSupport = document.all!=null;
function setupEventObject(e) {
// Map NS event object to IEs
if (e==null) return; // IE returns
window.event = e;
window.event.fromElement = e.target;
window.event.toElement = e.target;
window.event.srcElement = e.target;
window.event.x = e.x;
window.event.y = e.y;
// Route the event to the original element
// Necessary to make sure _tip is set.
window.event.srcElement.handleEvent(e);
}
function checkName(src) {
// Look for tooltip in IE
while ((src!=null) && (src._tip==null))
src = src.parentElement;
return src;
}
function getElement(elName) {
// Get an element from its ID
if (allSupport) return document.all[elName];
else return document.layers[elName];
}
function writeContents(el, tip) {
// Replace the contents of the tooltip
if (allSupport)
el.innerHTML = tip;
else {
// In NS, insert a table to work around
// stylesheet rendering bug.
// NS fails to apply style sheets when writing
// contents into a positioned element.
el.document.open();
el.document.write("<TABLE WIDTH=200 BORDER=1 bordercolor=black><TR><TD WIDTH=100% BGCOLOR=yellow>");
el.document.write(tip);
el.document.write("</TD></TR></TABLE>");
el.document.close();
}
}
function getOffset(el, which) {
// Function for IE to calculate position
// of an element.
var amount = el["offset"+which];
if (which=="Top") amount+=el.offsetHeight;
el = el.offsetParent;
while (el!=null) {
amount+=el["offset"+which];
el = el.offsetParent;
}
return amount;
}
function setPosition(el) {
// Set the position of an element
src = window.event.srcElement
if (allSupport) {
el.style.pixelTop = getOffset(src, "Top");
el.style.pixelLeft = getOffset(src, "Left");
}
else {
el.top = src.y + 20; //window.event.y + 15
el.left = src.x; //window.event.x
}
}
function setVisibility(el, bDisplay) {
// Hide or show to tip
if (bDisplay) {
if (allSupport) el.style.visibility = "visible";
else el.visibility = "show";
}
else {
if (allSupport) el.style.visibility = "hidden";
else el.visibility = "hidden";
}
}
function displayContents(tip) {
// Display the tooltip.
var el = getElement("tipBox");
writeContents(el, tip);
setPosition(el);
setVisibility(el, true);
}
function doMouseOver(e) {
// Mouse moves over an element
setupEventObject(e);
var el, tip;
if ((el = checkName(window.event.srcElement))!=null) {
if (!el._display) {
displayContents(el._tip);
el._display = true;
}
}
}
function doMouseOut(e) {
// Mouse leaves an element
setupEventObject(e);
el = checkName(window.event.srcElement);
var el, tip;
if ((el = checkName(window.event.srcElement))!=null) {
if (el._display) {
if ((el.contains==null) || (!el.contains(window.event.toElement))) {
setVisibility(getElement("tipBox"), false);
el._display = false;
}
}
}
}
function doLoad() {
// Do Loading
if ((window.document.captureEvents==null) && (!allSupport))
return; // Not IE4 or NS4
if (window.document.captureEvents!=null) // NS - capture events
window.document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
window.document.onmouseover = doMouseOver;
window.document.onmouseout = doMouseOut;
}
window.onload = doLoad;