Dear Rethinaprasath,
var horizontal_offset = "9px"
var vertical_offset = "0"
var ie = document.all
var ns6 = document.getElementById && !document.all
function getposOffset(what, offsettype) {
var totaloffset = (offsettype == "left") ? what.offsetLeft : what.offsetTop;
var parentEl = what.offsetParent;
while (parentEl != null) {
totaloffset = (offsettype == "left") ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
parentEl = parentEl.offsetParent;
}
return totaloffset;
}
function iecompattest() {
return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge) {
var edgeoffset = (whichedge == "rightedge") ? parseInt(horizontal_offset) * -1 : parseInt(vertical_offset) * -1
if (whichedge == "rightedge") {
var windowedge = ie && !window.opera ? iecompattest().scrollLeft + iecompattest().clientWidth - 30 : window.pageXOffset + window.innerWidth - 40
dropmenuobj.contentmeasure = dropmenuobj.offsetWidth
if (windowedge - dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset = dropmenuobj.contentmeasure + obj.offsetWidth + parseInt(horizontal_offset)
}
else {
var windowedge = ie && !window.opera ? iecompattest().scrollTop + iecompattest().clientHeight - 15 : window.pageYOffset + window.innerHeight - 18
dropmenuobj.contentmeasure = dropmenuobj.offsetHeight
if (windowedge - dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset = dropmenuobj.contentmeasure - obj.offsetHeight
}
return edgeoffset
}
function showhint(menucontents, obj, e, tipwidth, ttPos)
{
if ((ie || ns6) && document.getElementById("hintbox"))
{
dropmenuobj = document.getElementById("hintbox")
dropmenuobj.innerHTML = menucontents
dropmenuobj.style.left = dropmenuobj.style.top = -500
if (tipwidth != "")
{
dropmenuobj.widthobj = dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x = getposOffset(obj, "left")
dropmenuobj.y = getposOffset(obj, "top")
if (ttPos == "left" && obj.offsetWidth <= 60)
{
dropmenuobj.style.left = dropmenuobj.x - clearbrowseredge(obj, "rightedge") - obj.offsetWidth - 175 + "px"
}
else if (ttPos == "left" && obj.offsetWidth > 60)
{
dropmenuobj.style.left = dropmenuobj.x - clearbrowseredge(obj, "rightedge") - obj.offsetWidth - 90 + "px"
}
else
{
dropmenuobj.style.left = dropmenuobj.x - clearbrowseredge(obj, "rightedge") + obj.offsetWidth + "px"
}
dropmenuobj.style.top = dropmenuobj.y - clearbrowseredge(obj, "bottomedge") + "px"
dropmenuobj.style.visibility = "visible"
obj.onmouseout = hidetip
obj.onblur = hidetip
}
}
function hidetip(e) {
dropmenuobj.style.visibility = "hidden"
}
function createhintbox() {
var divblock = document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}
if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload = createhintbox
#hintbox{
position:absolute;
top: 0;
background-color:#F4F4F4;
padding: 3px;
border:.5px solid #FF6D0D;
font:normal 11px ;
font-size:small;
font-family:Calibri;
line-height:15px;
color:#242B7B;
z-index:100;
border-right: 2.5px solid #FF6D0D;
border-bottom: 2.5px solid #FF6D0D;
-moz-border-radius:5px;
visibility: hidden;
}
I hope this will help you out.
Thanks