From cfbeca6ca53945d205c2cc3d54f90493a7b31260 Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Tue, 16 Mar 2010 08:31:31 -0400 Subject: Added PROD changes --- static/js/tooltip.js | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 static/js/tooltip.js (limited to 'static/js/tooltip.js') diff --git a/static/js/tooltip.js b/static/js/tooltip.js new file mode 100644 index 0000000..10c8407 --- /dev/null +++ b/static/js/tooltip.js @@ -0,0 +1,45 @@ +/* + * Tooltip script + * powered by jQuery (http://www.jquery.com) + * + * written by Alen Grakalic (http://cssglobe.com) + * + * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery + * + */ + + + +this.tooltip = function(){ + /* CONFIG */ + xOffset = 10; + yOffset = 20; + // these 2 variable determine popup's distance from the cursor + // you might want to adjust to get the right result + /* END CONFIG */ + jQuery("a.tooltip").hover(function(e){ + this.t = this.title; + this.title = ""; + jQuery("body").append("

"+ this.t +"

"); + jQuery("#tooltip") + .css("top",(e.pageY - xOffset) + "px") + .css("left",(e.pageX + yOffset) + "px") + .fadeIn("fast"); + }, + function(){ + this.title = this.t; + $("#tooltip").remove(); + }); + jQuery("a.tooltip").mousemove(function(e){ + jQuery("#tooltip") + .css("top",(e.pageY - xOffset) + "px") + .css("left",(e.pageX + yOffset) + "px"); + }); +}; + + + +// starting the script on page load +jQuery(document).ready(function(){ + tooltip(); +}); \ No newline at end of file -- cgit v1.2.3-70-g09d2