/* * Easy Tooltip 1.0 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin * * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */ (function($) { $.fn.easyTooltip = function(options){ // default configuration properties var defaults = { xOffset: 10, yOffset: 25, tooltipId: "easyTooltip", clickRemove: false, content: "", useElement: "" }; var options = $.extend(defaults, options); var content; this.each(function() { var title = $(this).attr("title"); $(this).hover(function(e){ content = (options.content != "") ? options.content : title; content = (options.useElement != "") ? $("#" + options.useElement).html() : content; $(this).attr("title",""); if (content != "" && content != undefined){ $("body").append("
"+ content +"
"); $("#" + options.tooltipId) .css("position","absolute") .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") .css("display","none") .fadeIn("fast") } }, function(){ $("#" + options.tooltipId).remove(); $(this).attr("title",title); }); $(this).mousemove(function(e){ $("#" + options.tooltipId) .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") }); if(options.clickRemove){ $(this).mousedown(function(e){ $("#" + options.tooltipId).remove(); $(this).attr("title",title); }); } }); }; })(jQuery);