mirror of
https://github.com/garrettsworkshop/Warp-SE.git
synced 2024-12-01 09:50:00 +00:00
144 lines
3.6 KiB
JavaScript
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;
|