﻿// ===================================================
// Tooltip V1.01
// 为超级连接加上样式的js
// Author:Huacn Lee
// Blog: Huacn.cnblogs.com
// ===================================================
var _BarIdName = "___tooltipbar";
var _BarTitleIdName = "___tooltipbartitle";
//页面上调用的方法
function initToolTip()
{	
	initTipbar();//创建tooltip显示区域
	
﻿	//alert(document.getElementsByTagName("head")[0].innerHTML);
	var tagaArry = new Array();	
	var tag = null;		
	tagaArry = document.getElementsByTagName("a");
	
	for(var i=0;i<tagaArry.length;i++)
	{
		tag = tagaArry[i];	
		//alert(tag.href);		
		var oldTitle = tag.title;	
		
		//为超级连接加入鼠标事件
		//进入连接
		if(tag.getAttribute("showtip")=="true")
		{
		    tag.onmouseover = function()
		    { 		
			    showTipbar(this);
		    };
		    //离开连接
		    tag.onmouseout = function()
		    {
			    hideTipbar(this);	
		    }
		    //在连接上移动，设置坐标
		    tag.onmousemove = function()
		    {			
			    setTipLocation();
		    }
    		
		    //为Firefox加入mousemove的事件侦听,因为window.eventFirefox没有办法用
		    if(tag.addEventListener)
		    {
			     tag.addEventListener('mousemove', setTipLocation, true); 
		    }
		}
	}		
	
}

//显示tooltip
function showTipbar(tag)
{	
	var tipbar = $(_BarIdName);
	var tipTitle = $(_BarTitleIdName);
	
	tipTitle.innerHTML = tag.title;
	tag.title = "";	
	tipbar.style.display = "";	
}

//隐藏tooltip
function hideTipbar(tag)
{
	var tipbar = $(_BarIdName);
	var tipTitle = $(_BarTitleIdName);
	tipbar.style.display = "none";	
	tag.title = tipTitle.innerHTML;
	
}

//初始化tooltip区域
function initTipbar()
{		
	
	var div = document.createElement("div");	
	div.className = "tooltipclass123123";
	div.id = _BarIdName;
	
	var divTitle = document.createElement("p");
	divTitle.id = _BarTitleIdName;	
	divTitle.className = "tip";
	div.appendChild(divTitle);
	
	document.getElementById("tooltipdiv").appendChild(div);
	div.style.display = "none";
	
	//alert(div.innerHTML);
}

//设置tipbar的位置
function setTipLocation(e)
{
	var intX=0,intY=0;	
	//判断有没有收到firefox的监听的event
	if(e == null)
	{
		//当没收到时用window.event IE与Opera支持的
		e = window.event;
	} 
	
	if(e.pageX || e.pageY)
	{
    	intX=e.pageX; intY=e.pageY;
    }
	else if(e.clientX || e.clientY)
	{
	    if(document.documentElement.scrollTop)
		{
	        intX=e.clientX+document.documentElement.scrollLeft;
	        intY=e.clientY+document.documentElement.scrollTop;
        }
	    else
		{
	        intX=e.clientX+document.body.scrollLeft;
	        intY=e.clientY+document.body.scrollTop;
        }
    }
	
	//取得tooltip对象
	var tipbar = $(_BarIdName);	
		
	tipbar.style.top = (intY+20)+"px";
	tipbar.style.left = (intX +10)+"px";
}



function $(re)
{
	return document.getElementById(re);
}

