Unifix knowledge database - The original one

Dashboard - News - Search - List - About - Admin


Tooltip javascript function

Author:zephid - Sat Oct 6 15:08:35 2007

tooltip.js:
	// position of the tooltip relative to the mouse in pixel //
	var offsetx = 12;
	var offsety =  8;

	function newelement(newid)
	{ 
		if(document.createElement)
		{ 
			var el = document.createElement('div'); 
			el.id = newid;     
			with(el.style)
			{ 
				display = 'none';
				position = 'absolute';
			} 
			el.innerHTML = ' '; 
			document.body.appendChild(el); 
		} 
	} 
	var ie5 = (document.getElementById && document.all); 
	var ns6 = (document.getElementById && !document.all); 
	var ua = navigator.userAgent.toLowerCase();
	var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
	function getmouseposition(e)
	{
		if(document.getElementById)
		{
			var iebody=(document.compatMode && 
			document.compatMode != 'BackCompat') ? 
				document.documentElement : document.body;
			pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
			pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
			mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
			mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

			var lixlpixel_tooltip = document.getElementById('tooltip');
			lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
			lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
		}
	}
	function tooltip(tip)
	{
		if(!document.getElementById('tooltip')) newelement('tooltip');
		var lixlpixel_tooltip = document.getElementById('tooltip');
		lixlpixel_tooltip.innerHTML = tip;
		lixlpixel_tooltip.style.display = 'block';
		document.onmousemove = getmouseposition;
	}
	function exit()
	{
		document.getElementById('tooltip').style.display = 'none';
	}

Usage:
onmouseover="tooltip('I am a tooltip !');" onmouseout="exit();"
Copyright(c) Unifix.org 2002-2011


Dashboard - News - Search - List - About - Admin
 
Powered by Mikjaer Consulting Solutions - Hosted by Specialhosting.dk