https://akarpadinews.com/assets/js/jquery.tooltip.js

1/*
2 * jQuery Tooltip plugin 1.3
3 *
4 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
5 * http://docs.jquery.com/Plugins/Tooltip
6 *
7 * Copyright (c) 2006 - 2008 Jörn Zaefferer
8 *
9 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
10 * 
11 * Dual licensed under the MIT and GPL licenses:
12 *   http://www.opensource.org/licenses/mit-license.php
13 *   http://www.gnu.org/licenses/gpl.html
14 */
15 
16;(function($) {
17	
18		// the tooltip element
19	var helper = {},
20		// the current tooltipped element
21		current,
22		// the title of the current element, used for restoring
23		title,
24		// timeout id for delayed tooltips
25		tID,
26		// IE 5.5 or 6
27		IE = false,
28		//IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
29		// flag for mouse tracking
30		track = false;
31	
32	$.tooltip = {
33		blocked: false,
34		defaults: {
35			delay: 200,
36			fade: false,
37			showURL: false,
38			extraClass: "",
39			top: 15,
40			left: 15,
41			id: "tooltip"
42		},
43		block: function() {
44			$.tooltip.blocked = !$.tooltip.blocked;
45		}
46	};
47	
48	$.fn.extend({
49		tooltip: function(settings) {
50			settings = $.extend({}, $.tooltip.defaults, settings);
51			createHelper(settings);
52			return this.each(function() {
53					$.data(this, "tooltip", settings);
54					this.tOpacity = helper.parent.css("opacity");
55					// copy tooltip into its own expando and remove the title
56					this.tooltipText = this.title;
57					$(this).removeAttr("title");
58					// also remove alt attribute to prevent default tooltip in IE
59					this.alt = "";
60				})
61				.mouseover(save)
62				.mouseout(hide)
63				.click(hide);
64		},
65		fixPNG: IE ? function() {
66			return this.each(function () {
67				var image = $(this).css('backgroundImage');
68				if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
69					image = RegExp.$1;
70					$(this).css({
71						'backgroundImage': 'none',
72						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
73					}).each(function () {
74						var position = $(this).css('position');
75						if (position != 'absolute' && position != 'relative')
76							$(this).css('position', 'relative');
77					});
78				}
79			});
80		} : function() { return this; },
81		unfixPNG: IE ? function() {
82			return this.each(function () {
83				$(this).css({'filter': '', backgroundImage: ''});
84			});
85		} : function() { return this; },
86		hideWhenEmpty: function() {
87			return this.each(function() {
88				$(this)[ $(this).html() ? "show" : "hide" ]();
89			});
90		},
91		url: function() {
92			return this.attr('href') || this.attr('src');
93		}
94	});
95	
96	function createHelper(settings) {
97		// there can be only one tooltip helper
98		if( helper.parent )
99			return;
100		// create the helper, h3 for title, div for url
101		helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>')
102			// add to document
103			.appendTo(document.body)
104			// hide it at first
105			.hide();
106			
107		// apply bgiframe if available
108		if ( $.fn.bgiframe )
109			helper.parent.bgiframe();
110		
111		// save references to title and url elements
112		helper.title = $('h3', helper.parent);
113		helper.body = $('div.body', helper.parent);
114		helper.url = $('div.url', helper.parent);
115	}
116	
117	function settings(element) {
118		return $.data(element, "tooltip");
119	}
120	
121	// main event handler to start showing tooltips
122	function handle(event) {
123		// show helper, either with timeout or on instant
124		if( settings(this).delay )
125			tID = setTimeout(show, settings(this).delay);
126		else
127			show();
128		
129		// if selected, update the helper position when the mouse moves
130		track = !!settings(this).track;
131		$(document.body).bind('mousemove', update);
132			
133		// update at least once
134		update(event);
135	}
136	
137	// save elements title before the tooltip is displayed
138	function save() {
139		// if this is the current source, or it has no title (occurs with click event), stop
140		if ( $.tooltip.blocked || this == current || (!this.tooltipText && !settings(this).bodyHandler) )
141			return;
142
143		// save current
144		current = this;
145		title = this.tooltipText;
146		
147		if ( settings(this).bodyHandler ) {
148			helper.title.hide();
149			var bodyContent = settings(this).bodyHandler.call(this);
150			if (bodyContent.nodeType || bodyContent.jquery) {
151				helper.body.empty().append(bodyContent)
152			} else {
153				helper.body.html( bodyContent );
154			}
155			helper.body.show();
156		} else if ( settings(this).showBody ) {
157			var parts = title.split(settings(this).showBody);
158			helper.title.html(parts.shift()).show();
159			helper.body.empty();
160			for(var i = 0, part; (part = parts[i]); i++) {
161				if(i > 0)
162					helper.body.append("<br/>");
163				helper.body.append(part);
164			}
165			helper.body.hideWhenEmpty();
166		} else {
167			helper.title.html(title).show();
168			helper.body.hide();
169		}
170		
171		// if element has href or src, add and show it, otherwise hide it
172		if( settings(this).showURL && $(this).url() )
173			helper.url.html( $(this).url().replace('http://', '') ).show();
174		else 
175			helper.url.hide();
176		
177		// add an optional class for this tip
178		helper.parent.addClass(settings(this).extraClass);
179
180		// fix PNG background for IE
181		if (settings(this).fixPNG )
182			helper.parent.fixPNG();
183			
184		handle.apply(this, arguments);
185	}
186	
187	// delete timeout and show helper
188	function show() {
189		tID = null;
190		if ((!IE || !$.fn.bgiframe) && settings(current).fade) {
191			if (helper.parent.is(":animated"))
192				helper.parent.stop().show().fadeTo(settings(current).fade, current.tOpacity);
193			else
194				helper.parent.is(':visible') ? helper.parent.fadeTo(settings(current).fade, current.tOpacity) : helper.parent.fadeIn(settings(current).fade);
195		} else {
196			helper.parent.show();
197		}
198		update();
199	}
200	
201	/**
202	 * callback for mousemove
203	 * updates the helper position
204	 * removes itself when no current element
205	 */
206	function update(event)	{
207		if($.tooltip.blocked)
208			return;
209		
210		if (event && event.target.tagName == "OPTION") {
211			return;
212		}
213		
214		// stop updating when tracking is disabled and the tooltip is visible
215		if ( !track && helper.parent.is(":visible")) {
216			$(document.body).unbind('mousemove', update)
217		}
218		
219		// if no current element is available, remove this listener
220		if( current == null ) {
221			$(document.body).unbind('mousemove', update);
222			return;	
223		}
224		
225		// remove position helper classes
226		helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");
227		

228		var left = helper.parent[0].offsetLeft;
229		var top = helper.parent[0].offsetTop;
230		if (event) {
231			// position the helper 15 pixel to bottom right, starting from mouse position
232			left = event.pageX + settings(current).left;
233			top = event.pageY + settings(current).top;
234			var right='auto';
235			if (settings(current).positionLeft) {
236				right = $(window).width() - left;
237				left = 'auto';
238			}
239			helper.parent.css({
240				left: left,
241				right: right,
242				top: top
243			});
244		}
245		
246		var v = viewport(),
247			h = helper.parent[0];
248		// check horizontal position
249		if (v.x + v.cx < h.offsetLeft + h.offsetWidth) {
250			left -= h.offsetWidth + 20 + settings(current).left;
251			helper.parent.css({left: left + 'px'}).addClass("viewport-right");
252		}
253		// check vertical position
254		if (v.y + v.cy < h.offsetTop + h.offsetHeight) {
255			top -= h.offsetHeight + 20 + settings(current).top;
256			helper.parent.css({top: top + 'px'}).addClass("viewport-bottom");
257		}
258	}
259	
260	function viewport() {
261		return {
262			x: $(window).scrollLeft(),
263			y: $(window).scrollTop(),
264			cx: $(window).width(),
265			cy: $(window).height()
266		};
267	}
268	
269	// hide helper and restore added classes and the title
270	function hide(event) {
271		if($.tooltip.blocked)
272			return;
273		// clear timeout if possible
274		if(tID)
275			clearTimeout(tID);
276		// no more current element
277		current = null;
278		
279		var tsettings = settings(this);
280		function complete() {
281			helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", "");
282		}
283		if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
284			if (helper.parent.is(':animated'))
285				helper.parent.stop().fadeTo(tsettings.fade, 0, complete);
286			else
287				helper.parent.stop().fadeOut(tsettings.fade, complete);
288		} else
289			complete();
290		
291		if( settings(this).fixPNG )
292			helper.parent.unfixPNG();
293	}
294	
295})(jQuery);