diff options
Diffstat (limited to 'plugins/CoreHome/templates/tooltip.js')
-rw-r--r-- | plugins/CoreHome/templates/tooltip.js | 216 |
1 files changed, 108 insertions, 108 deletions
diff --git a/plugins/CoreHome/templates/tooltip.js b/plugins/CoreHome/templates/tooltip.js index fbeba46df3..cf1343887c 100644 --- a/plugins/CoreHome/templates/tooltip.js +++ b/plugins/CoreHome/templates/tooltip.js @@ -5,114 +5,114 @@ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later */ -var Piwik_Tooltip = (function() { - - var domElement = false; - var visible = false; - var addedClass = false; - var topOffset = 15; - - var mouseX, mouseY; - - /** Position the tooltip next to the mouse */ - var position = function() { - var tipWidth = domElement.outerWidth(); - var maxX = $('body').innerWidth() - tipWidth - 25; - if (mouseX < maxX) { - // tooltip right of mouse - domElement.css({ - top: (mouseY - topOffset) + "px", - left: (mouseX + 15) + "px" - }); - } - else { - // tooltip left of mouse - domElement.css({ - top: (mouseY - topOffset) + "px", - left: (mouseX - 15 - tipWidth) + "px" - }); - } - }; - - /** Create and initialize the tooltip */ - var initialize = function() { - if (domElement !== false) { - return; - } - - domElement = $(document.createElement('div')); - domElement.addClass('piwik-tooltip'); - $('body').prepend(domElement); - domElement.hide(); - - $(document).mousemove(function(e) { - mouseX = e.pageX; - mouseY = e.pageY; - if (visible) { - position(); - } - }); - }; - - $(document).ready(function() { - initialize(); - }); - - return { - - /** Show the tooltip with HTML content. */ - show: function(html, addClass, maxWidth) { - initialize(); - - if (visible && addedClass != addClass) { - domElement.removeClass(addedClass); - } else { - visible = true; - position(); - domElement.show(); - } - - if (addClass && addedClass != addClass) { - addedClass = addClass; - domElement.addClass(addClass); - } - - domElement.css({width: 'auto'}); - domElement.html(html); - if (domElement.outerWidth() > maxWidth) { - domElement.css({width: maxWidth + 'px'}); - } - - if (domElement.outerHeight() < 25) { - topOffset = 5; - } else { - topOffset = 15; - } - - position(); - }, - - /** Show the tooltip with title/text content. */ - showWithTitle: function(title, text, addClass) { - var html = '<span class="tip-title">' + title + '</span><br />' + text; - this.show(html, addClass); - }, - - /** Hide the tooltip */ - hide: function() { - if (domElement !== false) { - domElement.hide(); - } - - if (addedClass) { - domElement.removeClass(addedClass); - addedClass = false; - } - - visible = false; - } - - }; +var Piwik_Tooltip = (function () { + + var domElement = false; + var visible = false; + var addedClass = false; + var topOffset = 15; + + var mouseX, mouseY; + + /** Position the tooltip next to the mouse */ + var position = function () { + var tipWidth = domElement.outerWidth(); + var maxX = $('body').innerWidth() - tipWidth - 25; + if (mouseX < maxX) { + // tooltip right of mouse + domElement.css({ + top: (mouseY - topOffset) + "px", + left: (mouseX + 15) + "px" + }); + } + else { + // tooltip left of mouse + domElement.css({ + top: (mouseY - topOffset) + "px", + left: (mouseX - 15 - tipWidth) + "px" + }); + } + }; + + /** Create and initialize the tooltip */ + var initialize = function () { + if (domElement !== false) { + return; + } + + domElement = $(document.createElement('div')); + domElement.addClass('piwik-tooltip'); + $('body').prepend(domElement); + domElement.hide(); + + $(document).mousemove(function (e) { + mouseX = e.pageX; + mouseY = e.pageY; + if (visible) { + position(); + } + }); + }; + + $(document).ready(function () { + initialize(); + }); + + return { + + /** Show the tooltip with HTML content. */ + show: function (html, addClass, maxWidth) { + initialize(); + + if (visible && addedClass != addClass) { + domElement.removeClass(addedClass); + } else { + visible = true; + position(); + domElement.show(); + } + + if (addClass && addedClass != addClass) { + addedClass = addClass; + domElement.addClass(addClass); + } + + domElement.css({width: 'auto'}); + domElement.html(html); + if (domElement.outerWidth() > maxWidth) { + domElement.css({width: maxWidth + 'px'}); + } + + if (domElement.outerHeight() < 25) { + topOffset = 5; + } else { + topOffset = 15; + } + + position(); + }, + + /** Show the tooltip with title/text content. */ + showWithTitle: function (title, text, addClass) { + var html = '<span class="tip-title">' + title + '</span><br />' + text; + this.show(html, addClass); + }, + + /** Hide the tooltip */ + hide: function () { + if (domElement !== false) { + domElement.hide(); + } + + if (addedClass) { + domElement.removeClass(addedClass); + addedClass = false; + } + + visible = false; + } + + }; })(); |