From 44885208a48a23f1e1a9e3bb867efdc94f1e5933 Mon Sep 17 00:00:00 2001 From: Robert Konigsberg Date: Sat, 7 Jan 2012 22:45:03 -0500 Subject: [PATCH] Moved tooltip to its own file. --- experimental/palette/index.html | 1 + experimental/palette/palette.js | 45 -------------------------- experimental/palette/tooltip.js | 71 +++++++++++++++++++++++++++++++++++++++++ 3 files changed, 72 insertions(+), 45 deletions(-) create mode 100644 experimental/palette/tooltip.js diff --git a/experimental/palette/index.html b/experimental/palette/index.html index 3c15a0a..af490db 100644 --- a/experimental/palette/index.html +++ b/experimental/palette/index.html @@ -8,6 +8,7 @@ + diff --git a/experimental/palette/palette.js b/experimental/palette/palette.js index 5a2891c..a91c6ef 100644 --- a/experimental/palette/palette.js +++ b/experimental/palette/palette.js @@ -37,51 +37,6 @@ Palette.createChild = function(type, parentElement) { return element; }; -function Tooltip(parent) { - if (!parent) { - parent = document.getElementsByTagName("body")[0]; - } - this.elem = Palette.createChild("div", parent); - this.title = Palette.createChild("div", this.elem); - this.elem.className = "tooltip"; - this.title.className = "title"; - this.type = Palette.createChild("div", this.elem); - this.type.className = "type"; - this.body = Palette.createChild("div", this.elem); - this.body.className = "body"; - this.hide(); -} - -Tooltip.prototype.show = function(source, event, title, type, body) { - this.title.innerHTML = title; - this.body.innerHTML = body; - this.type.innerText = type; // innerText for arrays. - - var getTopLeft = function(element) { - var x = element.offsetLeft; - var y = element.offsetTop; - element = element.offsetParent; - - while(element != null) { - x = parseInt(x) + parseInt(element.offsetLeft); - y = parseInt(y) + parseInt(element.offsetTop); - element = element.offsetParent; - } - return [y, x]; - } - - this.elem.style.height = source.style.height; - this.elem.style.width = "280"; - var topLeft = getTopLeft(source); - this.elem.style.top = parseInt(topLeft[0] + source.offsetHeight) + 'px'; - this.elem.style.left = parseInt(topLeft[1] + 10) + 'px'; - this.elem.style.visibility = "visible"; -} - -Tooltip.prototype.hide = function() { - this.elem.style.visibility = "hidden"; -} - Palette.prototype.create = function(document, parentElement) { var palette = this; diff --git a/experimental/palette/tooltip.js b/experimental/palette/tooltip.js new file mode 100644 index 0000000..6ceb16e --- /dev/null +++ b/experimental/palette/tooltip.js @@ -0,0 +1,71 @@ +// Copyright (c) 2011 Google, Inc. +// +// Permission is hereby granted, free of charge, to any person obtaining a copy +// of this software and associated documentation files (the "Software"), to deal +// in the Software without restriction, including without limitation the rights +// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +// copies of the Software, and to permit persons to whom the Software is +// furnished to do so, subject to the following conditions: +// +// The above copyright notice and this permission notice shall be included in +// all copies or substantial portions of the Software. +// +// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +// THE SOFTWARE. + +/** + * @fileoverview Dygraphs options palette tooltip. + * + * @author konigsberg@google.com (Robert Konigsberg) + */ +"use strict"; + +function Tooltip(parent) { + if (!parent) { + parent = document.getElementsByTagName("body")[0]; + } + this.elem = Palette.createChild("div", parent); + this.title = Palette.createChild("div", this.elem); + this.elem.className = "tooltip"; + this.title.className = "title"; + this.type = Palette.createChild("div", this.elem); + this.type.className = "type"; + this.body = Palette.createChild("div", this.elem); + this.body.className = "body"; + this.hide(); +} + +Tooltip.prototype.show = function(source, event, title, type, body) { + this.title.innerHTML = title; + this.body.innerHTML = body; + this.type.innerText = type; // innerText for arrays. + + var getTopLeft = function(element) { + var x = element.offsetLeft; + var y = element.offsetTop; + element = element.offsetParent; + + while(element != null) { + x = parseInt(x) + parseInt(element.offsetLeft); + y = parseInt(y) + parseInt(element.offsetTop); + element = element.offsetParent; + } + return [y, x]; + } + + this.elem.style.height = source.style.height; + this.elem.style.width = "280"; + var topLeft = getTopLeft(source); + this.elem.style.top = parseInt(topLeft[0] + source.offsetHeight) + 'px'; + this.elem.style.left = parseInt(topLeft[1] + 10) + 'px'; + this.elem.style.visibility = "visible"; +} + +Tooltip.prototype.hide = function() { + this.elem.style.visibility = "hidden"; +} -- 2.7.4