var offsetx = 12; var offsety = 8; var over = false; var timeout = 500; function newelement(newid) { if(document.createElement) { var el = document.createElement('div'); el.id = newid; with(el.style) { display = 'none'; position = 'absolute'; } el.innerHTML = ' '; document.body.appendChild(el); } } var ie5 = (document.getElementById && document.all); var ns6 = (document.getElementById && !document.all); var ua = navigator.userAgent.toLowerCase(); var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0); var tooltiptext = ""; function getmouseposition(e) { if(document.getElementById) { var iebody=(document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body; pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset); pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset); mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false; mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false; var lixlpixel_tooltip = document.getElementById('tooltip'); lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px'; lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px'; } } function showTooltip(tip){ if(ie5){ return; } tooltiptext = tip; over = true; window.setTimeout("doShowTooltip()", timeout); } function doShowTooltip(){ if(over){ var lixlpixel_tooltip = document.getElementById('tooltip'); lixlpixel_tooltip.innerHTML = tooltiptext; lixlpixel_tooltip.style.display = 'block'; } } function hideTooltip(){ if(ie5){ return; } document.getElementById('tooltip').style.display = 'none'; over = false; } function initTooltip(){ if(ie5){ return; } newelement('tooltip'); document.onmousemove = getmouseposition; document.onmouseout = hideTooltip; }