js/source/legacy/jquery/simpletooltip.js

   1 //JSAN.use('jquery');
   2
   3 /**
   4 *
   5 *       simpleTooltip jQuery plugin, by Marius ILIE
   6 *       visit http://dev.mariusilie.net for details
   7 *
   8 **/
   9
  10 (function($){ $.fn.simpletooltip = function(){
  11         return this.each(function() {
  12                 var text = $(this).attr("title");
  13                 $(this).attr("title", "");
  14                 if(text != undefined) {
  15                         $(this).hover(function(e){
  16                                 var tipX = e.pageX + 12;
  17                                 var tipY = e.pageY + 12;
  18                                 $(this).attr("title", "");
  19                                 $("body").append("<div id='simpleTooltip' style='position: absolute; z-index: 100; display: none;'>" + text + "</div>");
  20                                 if($.browser.msie) var tipWidth = $("#simpleTooltip").outerWidth(true)
  21                                 else var tipWidth = $("#simpleTooltip").width()
  22                                 $("#simpleTooltip").width(tipWidth);
  23                                 $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
  24                         }, function(){
  25                                 $("#simpleTooltip").remove();
  26                                 $(this).attr("title", text);
  27                         });
  28                         $(this).mousemove(function(e){
  29                                 var tipX = e.pageX + 12;
  30                                 var tipY = e.pageY + 12;
  31                                 var tipWidth = $("#simpleTooltip").outerWidth(true);
  32                                 var tipHeight = $("#simpleTooltip").outerHeight(true);
  33                                 if(tipX + tipWidth > $(window).scrollLeft() + $(window).width()) tipX = e.pageX - tipWidth;
  34                                 if($(window).height()+$(window).scrollTop() < tipY + tipHeight) tipY = e.pageY - tipHeight;
  35                                 $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
  36                         });
  37                 }
  38         });
  39 }})(jQuery);
  40
  41
  42 jQuery( function() {
  43     jQuery('.tooltipped').simpletooltip();
  44 });