/* CrossBrowser Stylable Tooltips
*
* Author : www.guyfromchennai.com
* Additional changes by Leon (izi-services.com)
* Function : provides easy crossbrowser tooltips
* Example :
*
*
*
* Crossbrowser stylable tooltips
*
*
*
*
* normal title tooltips still work
* but now they are stylable!
*
*
*
*/
//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));
var tooltip = {
// tooltip layout
toolTipDiv: null,
ajaxLoader: "lib/core/tooltip/gfx/ajaxloader.gif",
init: function( onlyAnchors){
if( !document.getElementById) return;
// quick hack to prevent malicious requests done not from root
if(document.location.pathname.length != 1)
return;
if( !onlyAnchors ){
this.toolTipDiv = document.getElementById("toolTip") ? document.getElementById("toolTip") : document.createElement('div');
this.toolTipDiv.style.left = "0";
this.toolTipDiv.style.right = "0";
this.toolTipDiv.style.position = "absolute";
this.toolTipDiv.id = "toolTip";
if( !document.getElementById("toolTip") )
document.body.appendChild( this.toolTipDiv );
this.toolTipDiv = this.toolTipDiv.style;
if(is_ie || is_nav6up)
{
this.toolTipDiv.visibility = "visible";
this.toolTipDiv.display = "none";
document.onmousemove = tooltip.moveToMousePos;
}
}
// now provide a tooltip for all anchors with title tag
var anchors = document.getElementsByTagName("a");
for(var i = 0; i < anchors.length; i++) {
if( anchors[i].title.length > 0 ){
anchors[i].onmouseover = new Function("tooltip.toolTip( '"+document.location.href+anchors[i].rel+"' )");
anchors[i].onmouseout = new Function("tooltip.toolTip()");
anchors[i].title = "";
}
}
if( !doRequest )
alert("(tooltip.js) need ajax.js function : doRequest(url, args, method, elname ) (");
},
moveToMousePos: function(e)
{
if(!is_ie){
x = e.pageX;
y = e.pageY;
}else{
x = event.x + document.body.scrollLeft;
y = event.y + document.body.scrollTop;
}
this.toolTipDiv = document.getElementById("toolTip").style;
this.toolTipDiv.left = (x+25)+'px';
this.toolTipDiv.top = (y)+'px';
return true;
},
toolTip: function( url )
{
if( this.toolTip.arguments.length == 0) // if no arguments are passed then hide the tootip
{
if(is_nav4)
this.toolTipDiv.visibility = "hidden";
else
this.toolTipDiv.display = "none";
}
else // show
{
var content = '';
setTimeout( 'doRequest( "'+url+'", false, "GET", "toolTipText" )', 250 );
if(is_nav4)
{
this.toolTipDiv.document.write(content);
this.toolTipDiv.document.close();
this.toolTipDiv.visibility = "visible";
}
else if(is_ie || is_nav6up)
{
document.getElementById("toolTip").innerHTML = content;
this.toolTipDiv.display='block'
}
}
}
}