Revision: 37381
Updated Code
at December 9, 2010 06:24 by Meander365
Updated Code
/**************************************************************/ /* simple tooltip */ /**************************************************************/ tooltip : function(options){ var defaults = { selector: ".tooltip", xOffset: -10, yOffset: -25, tooltipWrapper: "#tooltip", clickRemove: false, content: "", useElement: "", delay: 400 }; var options = $.extend(defaults, options); var content; return $(options.selector).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){ if ( $(options.tooltipWrapper).length ) { $(options.tooltipWrapper).remove(); } $("body").append("<div id='"+ options.tooltipWrapper.replace("#","") +"'>"+ content +"</div>"); $(options.tooltipWrapper) .css("position","absolute") .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") .css("display","none") .fadeIn("fast") } }, function(){ $(options.tooltipWrapper).fadeOut(options.delay,function() { $(this).remove(); }); $(this).attr("title",title); }); $(this).mousemove(function(e){ $(options.tooltipWrapper) .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") }); if(options.clickRemove){ $(this).mousedown(function(e){ $(options.tooltipWrapper).remove(); $(this).attr("title",title); }); } }) }
Revision: 37380
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at December 9, 2010 06:23 by Meander365
Initial Code
/**************************************************************/ /* simple tooltip */ /**************************************************************/ tooltip : function(options){ var defaults = { selector: ".tooltip", xOffset: -10, yOffset: -25, tooltipWrapper: "#tooltip", clickRemove: false, content: "", useElement: "", delay: 400 }; var options = $.extend(defaults, options); var content; return $(options.selector).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){ if ( $(options.tooltipWrapper).length ) { $(options.tooltipWrapper).remove(); } $("body").append("<div id='"+ options.tooltipWrapper.replace("#","") +"'>"+ content +"</div>"); $(options.tooltipWrapper) .css("position","absolute") .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") .css("display","none") .fadeIn("fast") } }, function(){ $(options.tooltipWrapper).fadeOut(options.delay,function() { $(this).remove(); }); $(this).attr("title",title); }); $(this).mousemove(function(e){ $(options.tooltipWrapper) .css("top",(e.pageY - options.yOffset) + "px") .css("left",(e.pageX + options.xOffset) + "px") }); if(options.clickRemove){ $(this).mousedown(function(e){ $(options.tooltipWrapper).remove(); $(this).attr("title",title); }); } }) }, /**************************************************************/ /* simpletabs - assumes content is alread in DOM and tabs are represented in a list */ /**************************************************************/ simpleTabs : function(options) { var defaults = { selector: ".tabs" }; var options = $.extend(defaults, options); var content; return $(options.selector).each(function() { var $tabparents = $(options.selector).children("li"), tablinks = $tabparents.children("a").get(), $selected = $tabparents.parent().find(".selected"), $initial_view = $selected.children("a").attr("href"); for (i=0;i<tablinks.length;++i) { $($(tablinks[i]).attr("href")).hide(); } $($initial_view).show(); $(tablinks).click(function(e) { e.preventDefault(); if ($(this).parent().hasClass("selected")) return false; var showthis = $(this).attr("href"); $tabparents.removeClass("selected"); $(this).parent().addClass("selected"); for (i=0;i<tablinks.length;i++) { $($(tablinks[i]).attr("href")).hide(); } $(showthis).show(); }); }); }
Initial URL
http://cssglobe.com/lab/easytooltip/01.html
Initial Description
Adapted so a delay can be applied on mouseleave.
Initial Title
Even Simpler Tooltip
Initial Tags
javascript, jquery
Initial Language
jQuery