function absPosition(obj) { var x = y = 0; while(obj) { x += obj.offsetLeft; y += obj.offsetTop; obj = obj.offsetParent; } return {x : x, y : y}; } function ShowThing(obj, xshift, yshift, txt, left) { if(left == 1) { var xxx = 1; } else { var xxx = 0; } DDD = setTimeout(function() { ShowThingMain(obj, txt, xshift, yshift, xxx); }, 300); } function ShowThingMain(obj, txt, xshift, yshift, xxx) { var img_x = absPosition(obj).x; var img_y = absPosition(obj).y; if(xxx == 1) { img_y = img_y+yshift; img_x = img_x-60-xshift; } else { img_y = img_y+yshift; img_x = img_x+xshift; } if(document.getElementById("thing_")) { document.getElementById("thing_").style.display = 'block'; } else { var divTag = document.createElement("div"); divTag.id = "thing_"; divTag.style.position = "absolute"; divTag.style.zIndex = 9; divTag.style.border = "1px solid black"; divTag.style.top = img_y + "px"; divTag.style.left = img_x + "px"; divTag.style.backgroundColor = "#ffffe1"; divTag.style.minWidth = "100px" divTag.style.maxWidth = "400px"; divTag.style.paddingLeft = "5px"; divTag.style.paddingRight = "5px"; divTag.style.paddingTop = "2px"; divTag.style.paddingBottom = "2px"; divTag.style.boxShadow = "5px 5px 5px black"; divTag.style.boxShadow = "5px 5px 10px rgba(0,0,0,0.5)"; divTag.style.MozBoxShadow = "5px 5px 10px rgba(0,0,0,0.5)"; divTag.style.WebkitBoxShadow = "5px 5px 10px rgba(0,0,0,0.5)"; if(xxx == 1) { divTag.style.borderRadius = "5px 0px 5px 5px"; divTag.style.MozBorderRadius = "5px 0px 5px 5px"; divTag.style.WebkitBorderRadius = "5px 0px 5px 5px"; } else { divTag.style.borderRadius = "0px 5px 5px 5px"; divTag.style.MozBorderRadius = "0px 5ipx 5px 5px"; divTag.style.WebkitBorderRadius = "0px 5px 5px 5px"; } divTag.style.lineHeight = "10px"; divTag.style.fontSize = "9px"; divTag.className ="dynamicDiv"; divTag.innerHTML = txt; document.body.appendChild(divTag); } } function HideThing(obj) { try { document.body.removeChild(document.getElementById("thing_")); } catch(err) { clearTimeout(DDD); } }