diff options
Diffstat (limited to 'js/dojo-1.7.2/dojox/mobile/Tooltip.js')
| -rw-r--r-- | js/dojo-1.7.2/dojox/mobile/Tooltip.js | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dojox/mobile/Tooltip.js b/js/dojo-1.7.2/dojox/mobile/Tooltip.js new file mode 100644 index 0000000..7296fa5 --- /dev/null +++ b/js/dojo-1.7.2/dojox/mobile/Tooltip.js @@ -0,0 +1,100 @@ +//>>built +define("dojox/mobile/Tooltip", [ + "dojo/_base/array", // array.forEach + "dijit/registry", + "dojo/_base/declare", + "dojo/_base/lang", + "dojo/dom-class", + "dojo/dom-construct", + "dojo/dom-geometry", + "dojo/dom-style", + "dijit/place", + "dijit/_WidgetBase" +], function(array, registry, declare, lang, domClass, domConstruct, domGeometry, domStyle, place, WidgetBase){ + + /*===== + WidgetBase = dijit._WidgetBase; + =====*/ + return declare("dojox.mobile.Tooltip", WidgetBase, { + // summary: + // A non-templated popup bubble widget + // + + baseClass: "mblTooltip mblTooltipHidden", + + buildRendering: function(){ + // create the helper nodes here in case the user overwrote domNode.innerHTML + this.inherited(arguments); + this.anchor = domConstruct.create("div", {"class":"mblTooltipAnchor"}, this.domNode, "first"); + this.arrow = domConstruct.create("div", {"class":"mblTooltipArrow"}, this.anchor); + this.innerArrow = domConstruct.create("div", {"class":"mblTooltipInnerArrow"}, this.anchor); + }, + + show: function(/*DomNode*/ aroundNode, positions){ + // summary: + // Pop up the tooltip and point to aroundNode using the best position + // positions: + // Ordered list of positions to try matching up. + // * before: places drop down before the aroundNode + // * after: places drop down after the aroundNode + // * above-centered: drop down goes above aroundNode + // * below-centered: drop down goes below aroundNode + var domNode = this.domNode; + var connectorClasses = { + "MRM": "mblTooltipAfter", + "MLM": "mblTooltipBefore", + "BMT": "mblTooltipBelow", + "TMB": "mblTooltipAbove", + "BLT": "mblTooltipBelow", + "TLB": "mblTooltipAbove", + "BRT": "mblTooltipBelow", + "TRB": "mblTooltipAbove", + "TLT": "mblTooltipBefore", + "TRT": "mblTooltipAfter", + "BRB": "mblTooltipAfter", + "BLB": "mblTooltipBefore" + }; + domClass.remove(domNode, ["mblTooltipAfter","mblTooltipBefore","mblTooltipBelow","mblTooltipAbove"]); + array.forEach(registry.findWidgets(domNode), function(widget){ + if(widget.height == "auto" && typeof widget.resize == "function"){ + if(!widget.fixedFooterHeight){ + widget.fixedFooterHeight = domGeometry.getPadBorderExtents(domNode).b; + } + widget.resize(); + } + }); + var best = place.around(domNode, aroundNode, positions || ['below-centered', 'above-centered', 'after', 'before'], this.isLeftToRight()); + var connectorClass = connectorClasses[best.corner + best.aroundCorner.charAt(0)] || ''; + domClass.add(domNode, connectorClass); + var pos = domGeometry.position(aroundNode, true); + domStyle.set(this.anchor, (connectorClass == "mblTooltipAbove" || connectorClass == "mblTooltipBelow") + ? { top: "", left: Math.max(0, pos.x - best.x + (pos.w >> 1) - (this.arrow.offsetWidth >> 1)) + "px" } + : { left: "", top: Math.max(0, pos.y - best.y + (pos.h >> 1) - (this.arrow.offsetHeight >> 1)) + "px" } + ); + domClass.replace(domNode, "mblTooltipVisible", "mblTooltipHidden"); + this.resize = lang.hitch(this, "show", aroundNode, positions); // orientation changes + return best; + }, + + hide: function(){ + // summary: + // Pop down the tooltip + this.resize = undefined; + domClass.replace(this.domNode, "mblTooltipHidden", "mblTooltipVisible"); + }, + + onBlur: function(/*Event*/e){ + return true; // touching outside the overlay area does call hide() by default + }, + + destroy: function(){ + if(this.anchor){ + this.anchor.removeChild(this.innerArrow); + this.anchor.removeChild(this.arrow); + this.domNode.removeChild(this.anchor); + this.anchor = this.arrow = this.innerArrow = undefined; + } + this.inherited(arguments); + } + }); +}); |
