qTip.js
2.02 KB
function htmlentities(s){return s.replace("&","&").replace('"',""e;").replace("'","'").replace("<","<").replace(">",">")}var qTipTag=new Array();var anchors=new Array();for(i=0;i<2;i++){anchors[i]=new Array()}qTipTag[4]="option";qTipTag[3]="td";qTipTag[2]="input";qTipTag[1]="acronym";qTipTag[0]="a";var qTipX=-30;var qTipY=25;tooltip={name:"qTip",offsetX:qTipX,offsetY:qTipY,tip:null};tooltip.init=function(){var tipNameSpaceURI="http://www.w3.org/1999/xhtml";if(!tipContainerID){var tipContainerID="qTip"}var tipContainer=document.getElementById(tipContainerID);if(!tipContainer){tipContainer=document.createElementNS?document.createElementNS(tipNameSpaceURI,"div"):document.createElement("div");tipContainer.setAttribute("id",tipContainerID);document.getElementsByTagName("body").item(0).appendChild(tipContainer)}if(!document.getElementById){return }this.tip=document.getElementById(this.name);if(this.tip){document.onmousemove=function(evt){tooltip.move(evt)}}var a,sTitle;for(var j=0;j<qTipTag.length;j++){anchors[j]=document.getElementsByTagName(qTipTag[j]);for(var i=0;i<anchors[j].length;i++){a=anchors[j][i];sTitle=a.getAttribute("title");if(sTitle){a.setAttribute("tiptitle",sTitle);a.removeAttribute("title");a.onmouseover=function(){tooltip.show(this.getAttribute("tiptitle"))};a.onmouseout=function(){tooltip.hide()}}}}};tooltip.move=function(evt){var x=0,y=0;if(document.all){x=(document.documentElement&&document.documentElement.scrollLeft)?document.documentElement.scrollLeft:document.body.scrollLeft;y=(document.documentElement&&document.documentElement.scrollTop)?document.documentElement.scrollTop:document.body.scrollTop;x+=window.event.clientX;y+=window.event.clientY}else{x=evt.pageX;y=evt.pageY}this.tip.style.left=(x+(this.offsetX-60))+"px";this.tip.style.top=(y+this.offsetY)+"px"};tooltip.show=function(text){if(!this.tip){return }this.tip.innerHTML=text;this.tip.style.display="block"};tooltip.hide=function(){if(!this.tip){return }this.tip.innerHTML="";this.tip.style.display="none"};window.onload=function(){tooltip.init()};