diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-03-16 08:31:31 -0400 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-03-16 08:31:31 -0400 |
| commit | cfbeca6ca53945d205c2cc3d54f90493a7b31260 (patch) | |
| tree | f6b0ffbc48de11c8d9270914417670c924d9ce68 /static/js/tooltip.js | |
| parent | b0f2d429f046fda88d2a48883edc6200ad709987 (diff) | |
Added PROD changes
Diffstat (limited to 'static/js/tooltip.js')
| -rw-r--r-- | static/js/tooltip.js | 45 |
1 files changed, 45 insertions, 0 deletions
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("<p id='tooltip'>"+ this.t +"</p>");
+ 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 |