123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294 |
- /*
- * jQuery Tooltip plugin 1.3
- *
- * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
- * http://docs.jquery.com/Plugins/Tooltip
- *
- * Copyright (c) 2006 - 2008 Jörn Zaefferer
- *
- * $Id: jquery.tooltip.js,v 1.1.1.1 2009/03/17 18:35:18 kannan Exp $
- *
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- */
-
- ;(function($) {
-
- // the tooltip element
- var helper = {},
- // the current tooltipped element
- current,
- // the title of the current element, used for restoring
- title,
- // timeout id for delayed tooltips
- tID,
- // IE 5.5 or 6
- IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
- // flag for mouse tracking
- track = false;
-
- $.tooltip = {
- blocked: false,
- defaults: {
- delay: 200,
- fade: false,
- showURL: true,
- extraClass: "",
- top: 15,
- left: 15,
- id: "tooltip"
- },
- block: function() {
- $.tooltip.blocked = !$.tooltip.blocked;
- }
- };
-
- $.fn.extend({
- tooltip: function(settings) {
- settings = $.extend({}, $.tooltip.defaults, settings);
- createHelper(settings);
- return this.each(function() {
- $.data(this, "tooltip", settings);
- this.tOpacity = helper.parent.css("opacity");
- // copy tooltip into its own expando and remove the title
- this.tooltipText = this.title;
- $(this).removeAttr("title");
- // also remove alt attribute to prevent default tooltip in IE
- this.alt = "";
- })
- .mouseover(save)
- .mouseout(hide)
- .click(hide);
- },
- fixPNG: IE ? function() {
- return this.each(function () {
- var image = $(this).css('backgroundImage');
- if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
- image = RegExp.$1;
- $(this).css({
- 'backgroundImage': 'none',
- 'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
- }).each(function () {
- var position = $(this).css('position');
- if (position != 'absolute' && position != 'relative')
- $(this).css('position', 'relative');
- });
- }
- });
- } : function() { return this; },
- unfixPNG: IE ? function() {
- return this.each(function () {
- $(this).css({'filter': '', backgroundImage: ''});
- });
- } : function() { return this; },
- hideWhenEmpty: function() {
- return this.each(function() {
- $(this)[ $(this).html() ? "show" : "hide" ]();
- });
- },
- url: function() {
- return this.attr('href') || this.attr('src');
- }
- });
-
- function createHelper(settings) {
- // there can be only one tooltip helper
- if( helper.parent )
- return;
- // create the helper, h3 for title, div for url
- helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>')
- // add to document
- .appendTo(document.body)
- // hide it at first
- .hide();
-
- // apply bgiframe if available
- if ( $.fn.bgiframe )
- helper.parent.bgiframe();
-
- // save references to title and url elements
- helper.title = $('h3', helper.parent);
- helper.body = $('div.body', helper.parent);
- helper.url = $('div.url', helper.parent);
- }
-
- function settings(element) {
- return $.data(element, "tooltip");
- }
-
- // main event handler to start showing tooltips
- function handle(event) {
- // show helper, either with timeout or on instant
- if( settings(this).delay )
- tID = setTimeout(show, settings(this).delay);
- else
- show();
-
- // if selected, update the helper position when the mouse moves
- track = !!settings(this).track;
- $(document.body).bind('mousemove', update);
-
- // update at least once
- update(event);
- }
-
- // save elements title before the tooltip is displayed
- function save() {
- // if this is the current source, or it has no title (occurs with click event), stop
- if ( $.tooltip.blocked || this == current || (!this.tooltipText && !settings(this).bodyHandler) )
- return;
- // save current
- current = this;
- title = this.tooltipText;
-
- if ( settings(this).bodyHandler ) {
- helper.title.hide();
- var bodyContent = settings(this).bodyHandler.call(this);
- if (bodyContent.nodeType || bodyContent.jquery) {
- helper.body.empty().append(bodyContent)
- } else {
- helper.body.html( bodyContent );
- }
- helper.body.show();
- } else if ( settings(this).showBody ) {
- var parts = title.split(settings(this).showBody);
- helper.title.html(parts.shift()).show();
- helper.body.empty();
- for(var i = 0, part; (part = parts[i]); i++) {
- if(i > 0)
- helper.body.append("<br/>");
- helper.body.append(part);
- }
- helper.body.hideWhenEmpty();
- } else {
- helper.title.html(title).show();
- helper.body.hide();
- }
-
- // if element has href or src, add and show it, otherwise hide it
- if( settings(this).showURL && $(this).url() )
- helper.url.html( $(this).url().replace('http://', '') ).show();
- else
- helper.url.hide();
-
- // add an optional class for this tip
- helper.parent.addClass(settings(this).extraClass);
- // fix PNG background for IE
- if (settings(this).fixPNG )
- helper.parent.fixPNG();
-
- handle.apply(this, arguments);
- }
-
- // delete timeout and show helper
- function show() {
- tID = null;
- if ((!IE || !$.fn.bgiframe) && settings(current).fade) {
- if (helper.parent.is(":animated"))
- helper.parent.stop().show().fadeTo(settings(current).fade, current.tOpacity);
- else
- helper.parent.is(':visible') ? helper.parent.fadeTo(settings(current).fade, current.tOpacity) : helper.parent.fadeIn(settings(current).fade);
- } else {
- helper.parent.show();
- }
- update();
- }
-
- /**
- * callback for mousemove
- * updates the helper position
- * removes itself when no current element
- */
- function update(event) {
- if($.tooltip.blocked)
- return;
-
- if (event && event.target.tagName == "OPTION") {
- return;
- }
-
- // stop updating when tracking is disabled and the tooltip is visible
- if ( !track && helper.parent.is(":visible")) {
- $(document.body).unbind('mousemove', update)
- }
-
- // if no current element is available, remove this listener
- if( current == null ) {
- $(document.body).unbind('mousemove', update);
- return;
- }
-
- // remove position helper classes
- helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");
-
- var left = helper.parent[0].offsetLeft;
- var top = helper.parent[0].offsetTop;
- if (event) {
- // position the helper 15 pixel to bottom right, starting from mouse position
- left = event.pageX + settings(current).left;
- top = event.pageY + settings(current).top;
- var right='auto';
- if (settings(current).positionLeft) {
- right = $(window).width() - left;
- left = 'auto';
- }
- helper.parent.css({
- left: left,
- right: right,
- top: top
- });
- }
-
- var v = viewport(),
- h = helper.parent[0];
- // check horizontal position
- if (v.x + v.cx < h.offsetLeft + h.offsetWidth) {
- left -= h.offsetWidth + 20 + settings(current).left;
- helper.parent.css({left: left + 'px'}).addClass("viewport-right");
- }
- // check vertical position
- if (v.y + v.cy < h.offsetTop + h.offsetHeight) {
- top -= h.offsetHeight + 20 + settings(current).top;
- helper.parent.css({top: top + 'px'}).addClass("viewport-bottom");
- }
- }
-
- function viewport() {
- return {
- x: $(window).scrollLeft(),
- y: $(window).scrollTop(),
- cx: $(window).width(),
- cy: $(window).height()
- };
- }
-
- // hide helper and restore added classes and the title
- function hide(event) {
- if($.tooltip.blocked)
- return;
- // clear timeout if possible
- if(tID)
- clearTimeout(tID);
- // no more current element
- current = null;
-
- var tsettings = settings(this);
- function complete() {
- helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", "");
- }
- if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
- if (helper.parent.is(':animated'))
- helper.parent.stop().fadeTo(tsettings.fade, 0, complete);
- else
- helper.parent.stop().fadeOut(tsettings.fade, complete);
- } else
- complete();
-
- if( settings(this).fixPNG )
- helper.parent.unfixPNG();
- }
-
- })(jQuery);
|