function tooltip_findPosX(obj) { var curleft = 0; if (obj.offsetParent) { while (obj.offsetParent) { curleft += obj.offsetLeft; obj = obj.offsetParent; } } else if (obj.x) curleft += obj.x; return curleft; } function tooltip_findPosY(obj) { var curtop = 0; if (obj.offsetParent) { while (obj.offsetParent) { curtop += obj.offsetTop; obj = obj.offsetParent; } } else if (obj.y) curtop += obj.y; return curtop; } function tooltip_show(tooltipTxt, parentId, xdiff, ydiff) { var ih = document.getElementById('ihint'); //inside var it = document.getElementById('itooltip'); //outside var p = document.getElementById(parentId); if (!xdiff) xdiff = 20; if (!ydiff) ydiff = 20; ih.innerHTML = tooltipTxt; x = tooltip_findPosX(p) + xdiff; y = tooltip_findPosY(p) + ydiff; ih.style.top = y + 'px'; ih.style.left = x + 'px'; ih.style.visibility = 'visible'; } function tooltip_hide() { var ih = document.getElementById('ihint'); ih.style.visibility = 'hidden'; }