URL
https://opencores.org/ocsvn/cpu8080/cpu8080/trunk
Subversion Repositories cpu8080
[/] [cpu8080/] [trunk/] [project/] [cpu8080_html/] [fit/] [tooltips.js] - Rev 33
Compare with Previous | Blame | View Log
/* 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;