Ajax-Tooltip

/***********************************************
* InnoTech Company - Ajax ToolTip
***********************************************/

var offsetxpoint = -60; //Customize x offset of tooltip
var offsetypoint = 20; //Customize y offset of tooltip
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip = false;

var tipobj;

function ietruebody()
{
	return (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
}

// Ajax Show Tooltip
function ShowTooltip(externalFile)
{	
	if((document.readyState == "complete") || (!ie))
	{
		if(!document.getElementById('InnotechTooltip'))
		{
			try
			{		
				/* Create tooltip content div */
				tipobj = document.createElement('DIV'); 
				tipobj.className = 'InnotechTooltip';
				tipobj.id = 'InnotechTooltip';		
				tipobj.style.display='block';
				tipobj.style.position = 'absolute';				
				document.body.appendChild(tipobj);
			}
			catch(e)
			{	
				return;		
			}
		}
		
		ajax_loadContent('InnotechTooltip',externalFile);			
		enabletip = true;
	}
}
function ShowTooltipACBS(externalFile)    
{	
	if((document.readyState == "complete") || (!ie))
	{
		if(!document.getElementById('closeprice'))
		{
			try
			{		
				/* Create tooltip content div */
				tipobj = document.createElement('DIV'); 
				tipobj.className = 'closeprice';
				tipobj.id = 'closeprice';		
				tipobj.style.display='block';
				tipobj.style.position = 'absolute';				
				document.body.appendChild(tipobj);
			}
			catch(e)
			{	
				return;		
			}
		}
		
		ajax_loadContent('closeprice',externalFile);			
		enabletip = true;
	}
}
function ShowTooltipNews(str)
{	

	if((document.readyState == "complete") || (!ie))
	{
		if(!document.getElementById('InnotechTooltip'))
		{
			try
			{		
				/* Create tooltip content div */
				tipobj = document.createElement('DIV'); 
				tipobj.className = 'toolTip_news';
				tipobj.id = 'InnotechTooltip';		
				tipobj.style.display='block';
				tipobj.style.position = 'absolute';	
				tipobj.style.zIndex="1000";
				document.body.appendChild(tipobj);
			}
			catch(e)
			{	
				return;		
			}
		}
		
		document.getElementById('InnotechTooltip').innerHTML=str;
		//ajax_loadContent('InnotechTooltip',externalFile);			
		enabletip = true;
	}
}
function ShowTooltipCompanyNews(str)
{	

	if((document.readyState == "complete") || (!ie))
	{
		if(!document.getElementById('InnotechTooltip'))
		{
			try
			{		
				/* Create tooltip content div */
				tipobj = document.createElement('DIV'); 
				tipobj.className = 'toolTip_news';
				tipobj.id = 'InnotechTooltip';		
				tipobj.style.display='block';
				tipobj.style.position = 'absolute';	
				tipobj.style.zIndex="1000";
				document.body.appendChild(tipobj);
			}
			catch(e)
			{	
			    alert(e);
				return;		
			}
		}
		
		document.getElementById('InnotechTooltip').innerHTML=str;
		//ajax_loadContent('InnotechTooltip',externalFile);			
		enabletip = true;
	}
}
// Positioning Tooltip
function PositionTooltip(e)
{
	if (enabletip)
	{
		var curX = (ns6) ? e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY = (ns6) ? e.pageY : event.clientY+ietruebody().scrollTop;
		
		//Find out how close the mouse is to the corner of the window
		var rightedge  = ie&&!window.opera ? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20;
		var bottomedge = ie&&!window.opera ? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20;

		var leftedge = (offsetxpoint<0) ? offsetxpoint*(-1) : -1000;

		//if the horizontal distance isn't enough to accomodate the width of the context menu
		if (rightedge < tipobj.offsetWidth)
		{
			//move the horizontal position of the menu to the left by it's width
			tipobj.style.left = ie ? ietruebody().scrollLeft + event.clientX-tipobj.offsetWidth + "px" : window.pageXOffset + e.clientX - tipobj.offsetWidth + "px";
		}
		else if (curX < leftedge)
		{
			tipobj.style.left = "5px";
		}
		else
		{
			//position the horizontal position of the menu where the mouse is positioned
			tipobj.style.left = curX + offsetxpoint + "px";
		}

		//same concept with the vertical position
		if (bottomedge < tipobj.offsetHeight)
		{
			tipobj.style.top = ie ? ietruebody().scrollTop + event.clientY-tipobj.offsetHeight - offsetypoint + "px" : window.pageYOffset + e.clientY - tipobj.offsetHeight - offsetypoint + "px";
		}
		else
		{
			tipobj.style.top = curY + offsetypoint + "px";
		}
			
		tipobj.style.visibility = "visible";
	}
}

// Hide Tooltip
function HideTooltip()
{
	if ((ns6||ie) && (tipobj))
	{
		enabletip = false;
		tipobj.innerHTML = '';
		tipobj.style.visibility = "hidden";
		tipobj.style.left = "-1000px";
		tipobj.style.backgroundColor = '';
		tipobj.style.width = '';		
	}
}

document.onmousemove = PositionTooltip;
/**********************************************************
Ajax dynamic content
InnoTech Company
***********************************************************/

var enableCache = true;
var jsCache = new Array();

var dynamicContent_ajaxObjects = new Array();

// Ajax Show Content
function ajax_showContent(divId,ajaxIndex,url)
{
	document.getElementById(divId).innerHTML = dynamicContent_ajaxObjects[ajaxIndex].response;
	
	if(enableCache)
	{
		jsCache[url] = 	dynamicContent_ajaxObjects[ajaxIndex].response;
	}
	
	dynamicContent_ajaxObjects[ajaxIndex] = false;
}

// Ajax Load Content
function ajax_loadContent(divId,url)
{
	if(document.getElementById(divId))
	{
	// Get Content From Cache
	if(enableCache && jsCache[url])
	{
		document.getElementById(divId).innerHTML = jsCache[url];
		return;
	}
	
	// Recieve content from Server	
	document.getElementById(divId).innerHTML = '
Đang tải dữ liệu
'; // Add new Ajax Object var ajaxIndex = dynamicContent_ajaxObjects.length; dynamicContent_ajaxObjects[ajaxIndex] = new sack(); if(url.indexOf('?') >= 0) { dynamicContent_ajaxObjects[ajaxIndex].method='GET'; var string = url.substring(url.indexOf('?')); url = url.replace(string,''); string = string.replace('?',''); var items = string.split(/&/g); for(var no=0; no<items.length; no++) { var tokens = items[no].split('='); if(tokens.length==2) { dynamicContent_ajaxObjects[ajaxIndex].setVar(tokens[0],tokens[1]); } } url = url.replace(string,''); } // Specifying which file to get dynamicContent_ajaxObjects[ajaxIndex].requestFile = url; // Specify function that will be executed after file has been found dynamicContent_ajaxObjects[ajaxIndex].onCompletion = function() { ajax_showContent(divId,ajaxIndex,url); }; // Execute AJAX function dynamicContent_ajaxObjects[ajaxIndex].runAJAX(); } }

After call funtion
code.Attributes.Add(“onmouseover”,”ShowTooltip(‘Tooltip.aspx?T=com&C=”+ dr[“Code”].ToString() +”&M=”+ dr[“thitruong_id”].ToString() +”‘);”);
code.Attributes.Add(“onmouseout”,”HideTooltip();”);

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: