diff options
Diffstat (limited to 'tooltip/tooltip.js')
| -rw-r--r-- | tooltip/tooltip.js | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/tooltip/tooltip.js b/tooltip/tooltip.js new file mode 100644 index 0000000..ba7364b --- /dev/null +++ b/tooltip/tooltip.js @@ -0,0 +1,36 @@ +/**
+*
+* simpleTooltip jQuery plugin, by Marius ILIE
+* visit http://dev.mariusilie.net for details
+*
+**/
+(function($){ $.fn.simpletooltip = function(){
+ return this.each(function() {
+ var text = $(this).attr("title");
+ $(this).attr("title", "");
+ if(text != undefined) {
+ $(this).hover(function(e){
+ var tipX = e.pageX + 12;
+ var tipY = e.pageY + 12;
+ $(this).attr("title", "");
+ $("body").append("<div id='simpleTooltip' style='position: absolute; z-index: 100; display: none;'>" + text + "</div>");
+ if($.browser.msie) var tipWidth = $("#simpleTooltip").outerWidth(true)
+ else var tipWidth = $("#simpleTooltip").width()
+ $("#simpleTooltip").width(tipWidth);
+ $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
+ }, function(){
+ $("#simpleTooltip").remove();
+ $(this).attr("title", text);
+ });
+ $(this).mousemove(function(e){
+ var tipX = e.pageX + 12;
+ var tipY = e.pageY + 12;
+ var tipWidth = $("#simpleTooltip").outerWidth(true);
+ var tipHeight = $("#simpleTooltip").outerHeight(true);
+ if(tipX + tipWidth > $(window).scrollLeft() + $(window).width()) tipX = e.pageX - tipWidth;
+ if($(window).height()+$(window).scrollTop() < tipY + tipHeight) tipY = e.pageY - tipHeight;
+ $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
+ });
+ }
+ });
+}})(jQuery);
\ No newline at end of file |