/* Tooltips per JavaScript anzeigen - Beispiel: onMouseOver="showTooltip(''); onMouseOut="hideTooltip(); - Vorraussetzung: ein element im mit der ID "tooltip" !!! - getestet: IE6, Firefox 1.5, Netscape 7.1 */ // Variablen initialisieren tooltip = null; // Tooltip initialisieren document.onmousemove = moveTooltip; // Move Tooltip function moveTooltip(e) { if (!e) var e = window.event; // Mouseposition ermitteln if (e.pageY) posy = e.pageY; else if (e.clientY) posy = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); if (e.pageX) posx = e.pageX; else if (e.clientX) posx = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); // Mouseposition manipulieren if (tooltip != null) { tooltip.style.left = (posx + 20) + "px"; tooltip.style.top = (posy + 20) + "px"; } } // Show Tooltip function showTooltip(content) { // Tooltip Element ermitteln tooltip = document.getElementById('tooltip'); if (tooltip != null) { // Tooltip Element fllen tooltip.innerHTML = content; // Tooltip Element einblenden tooltip.style.display = "block"; } } // Hide Tooltip function hideTooltip() { if (tooltip != null) { // Tooltip Element ausblenden tooltip.style.display = "none"; } }