Monday, April 27, 2009

Java script browser detection and movable div

//browser detection

var agt=navigator.userAgent.toLowerCase(); var is_major = parseInt(navigator.appVersion); var is_minor = parseFloat(navigator.appVersion);
var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

//movable div
function initToolTips()
{
if(document.getElementById)
{
toolTipSTYLE = document.getElementById("toolTipLayer").style;
}
if(is_ie is_nav6up)
{
toolTipSTYLE.visibility = "visible";
toolTipSTYLE.display = "none";
document.onmousemove = moveToMousePos;
}
}
function moveToMousePos(e)
{
if(!is_ie)
{ x = e.pageX; y = e.pageY; }
else
{ x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop;
}
toolTipSTYLE.left = x + offsetX+'px';
toolTipSTYLE.top = y + offsetY+'px';
return true;
}
function hide()
{ if(is_nav4) toolTipSTYLE.visibility = "hidden";
else toolTipSTYLE.display = "none";
}
function show()
{ toolTip(s);
}
function toolTip(msg, fg, bg)
{
if(toolTip.arguments.length < 1)
// if no arguments are passed then hide the tootip
{ if(is_nav4)
toolTipSTYLE.visibility = "hidden";
else toolTipSTYLE.display = "none";
} else
// show { var content = msg; if(is_nav4)
{ toolTipSTYLE.document.write(content);
toolTipSTYLE.document.close();
toolTipSTYLE.visibility = "visible"; }
else if(is_ie is_nav6up)
{ document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block'; }
}
}

////Above java script is to create the moveable div
//add this code into your page

// add this to any control to your page
onmouseout="hide();" onmouseover="initToolTips();doImage('image name or text');show();

No comments:

Post a Comment