1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/bootstrap-source/bootstrap-3.0.3/js/tooltip.js Fri Dec 20 22:49:16 2013 +0100
1.3 @@ -0,0 +1,386 @@
1.4 +/* ========================================================================
1.5 + * Bootstrap: tooltip.js v3.0.3
1.6 + * http://getbootstrap.com/javascript/#tooltip
1.7 + * Inspired by the original jQuery.tipsy by Jason Frame
1.8 + * ========================================================================
1.9 + * Copyright 2013 Twitter, Inc.
1.10 + *
1.11 + * Licensed under the Apache License, Version 2.0 (the "License");
1.12 + * you may not use this file except in compliance with the License.
1.13 + * You may obtain a copy of the License at
1.14 + *
1.15 + * http://www.apache.org/licenses/LICENSE-2.0
1.16 + *
1.17 + * Unless required by applicable law or agreed to in writing, software
1.18 + * distributed under the License is distributed on an "AS IS" BASIS,
1.19 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1.20 + * See the License for the specific language governing permissions and
1.21 + * limitations under the License.
1.22 + * ======================================================================== */
1.23 +
1.24 +
1.25 ++function ($) { "use strict";
1.26 +
1.27 + // TOOLTIP PUBLIC CLASS DEFINITION
1.28 + // ===============================
1.29 +
1.30 + var Tooltip = function (element, options) {
1.31 + this.type =
1.32 + this.options =
1.33 + this.enabled =
1.34 + this.timeout =
1.35 + this.hoverState =
1.36 + this.$element = null
1.37 +
1.38 + this.init('tooltip', element, options)
1.39 + }
1.40 +
1.41 + Tooltip.DEFAULTS = {
1.42 + animation: true
1.43 + , placement: 'top'
1.44 + , selector: false
1.45 + , template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
1.46 + , trigger: 'hover focus'
1.47 + , title: ''
1.48 + , delay: 0
1.49 + , html: false
1.50 + , container: false
1.51 + }
1.52 +
1.53 + Tooltip.prototype.init = function (type, element, options) {
1.54 + this.enabled = true
1.55 + this.type = type
1.56 + this.$element = $(element)
1.57 + this.options = this.getOptions(options)
1.58 +
1.59 + var triggers = this.options.trigger.split(' ')
1.60 +
1.61 + for (var i = triggers.length; i--;) {
1.62 + var trigger = triggers[i]
1.63 +
1.64 + if (trigger == 'click') {
1.65 + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
1.66 + } else if (trigger != 'manual') {
1.67 + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
1.68 + var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
1.69 +
1.70 + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
1.71 + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
1.72 + }
1.73 + }
1.74 +
1.75 + this.options.selector ?
1.76 + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
1.77 + this.fixTitle()
1.78 + }
1.79 +
1.80 + Tooltip.prototype.getDefaults = function () {
1.81 + return Tooltip.DEFAULTS
1.82 + }
1.83 +
1.84 + Tooltip.prototype.getOptions = function (options) {
1.85 + options = $.extend({}, this.getDefaults(), this.$element.data(), options)
1.86 +
1.87 + if (options.delay && typeof options.delay == 'number') {
1.88 + options.delay = {
1.89 + show: options.delay
1.90 + , hide: options.delay
1.91 + }
1.92 + }
1.93 +
1.94 + return options
1.95 + }
1.96 +
1.97 + Tooltip.prototype.getDelegateOptions = function () {
1.98 + var options = {}
1.99 + var defaults = this.getDefaults()
1.100 +
1.101 + this._options && $.each(this._options, function (key, value) {
1.102 + if (defaults[key] != value) options[key] = value
1.103 + })
1.104 +
1.105 + return options
1.106 + }
1.107 +
1.108 + Tooltip.prototype.enter = function (obj) {
1.109 + var self = obj instanceof this.constructor ?
1.110 + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
1.111 +
1.112 + clearTimeout(self.timeout)
1.113 +
1.114 + self.hoverState = 'in'
1.115 +
1.116 + if (!self.options.delay || !self.options.delay.show) return self.show()
1.117 +
1.118 + self.timeout = setTimeout(function () {
1.119 + if (self.hoverState == 'in') self.show()
1.120 + }, self.options.delay.show)
1.121 + }
1.122 +
1.123 + Tooltip.prototype.leave = function (obj) {
1.124 + var self = obj instanceof this.constructor ?
1.125 + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
1.126 +
1.127 + clearTimeout(self.timeout)
1.128 +
1.129 + self.hoverState = 'out'
1.130 +
1.131 + if (!self.options.delay || !self.options.delay.hide) return self.hide()
1.132 +
1.133 + self.timeout = setTimeout(function () {
1.134 + if (self.hoverState == 'out') self.hide()
1.135 + }, self.options.delay.hide)
1.136 + }
1.137 +
1.138 + Tooltip.prototype.show = function () {
1.139 + var e = $.Event('show.bs.'+ this.type)
1.140 +
1.141 + if (this.hasContent() && this.enabled) {
1.142 + this.$element.trigger(e)
1.143 +
1.144 + if (e.isDefaultPrevented()) return
1.145 +
1.146 + var $tip = this.tip()
1.147 +
1.148 + this.setContent()
1.149 +
1.150 + if (this.options.animation) $tip.addClass('fade')
1.151 +
1.152 + var placement = typeof this.options.placement == 'function' ?
1.153 + this.options.placement.call(this, $tip[0], this.$element[0]) :
1.154 + this.options.placement
1.155 +
1.156 + var autoToken = /\s?auto?\s?/i
1.157 + var autoPlace = autoToken.test(placement)
1.158 + if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
1.159 +
1.160 + $tip
1.161 + .detach()
1.162 + .css({ top: 0, left: 0, display: 'block' })
1.163 + .addClass(placement)
1.164 +
1.165 + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
1.166 +
1.167 + var pos = this.getPosition()
1.168 + var actualWidth = $tip[0].offsetWidth
1.169 + var actualHeight = $tip[0].offsetHeight
1.170 +
1.171 + if (autoPlace) {
1.172 + var $parent = this.$element.parent()
1.173 +
1.174 + var orgPlacement = placement
1.175 + var docScroll = document.documentElement.scrollTop || document.body.scrollTop
1.176 + var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth()
1.177 + var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
1.178 + var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left
1.179 +
1.180 + placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :
1.181 + placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :
1.182 + placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :
1.183 + placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :
1.184 + placement
1.185 +
1.186 + $tip
1.187 + .removeClass(orgPlacement)
1.188 + .addClass(placement)
1.189 + }
1.190 +
1.191 + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
1.192 +
1.193 + this.applyPlacement(calculatedOffset, placement)
1.194 + this.$element.trigger('shown.bs.' + this.type)
1.195 + }
1.196 + }
1.197 +
1.198 + Tooltip.prototype.applyPlacement = function(offset, placement) {
1.199 + var replace
1.200 + var $tip = this.tip()
1.201 + var width = $tip[0].offsetWidth
1.202 + var height = $tip[0].offsetHeight
1.203 +
1.204 + // manually read margins because getBoundingClientRect includes difference
1.205 + var marginTop = parseInt($tip.css('margin-top'), 10)
1.206 + var marginLeft = parseInt($tip.css('margin-left'), 10)
1.207 +
1.208 + // we must check for NaN for ie 8/9
1.209 + if (isNaN(marginTop)) marginTop = 0
1.210 + if (isNaN(marginLeft)) marginLeft = 0
1.211 +
1.212 + offset.top = offset.top + marginTop
1.213 + offset.left = offset.left + marginLeft
1.214 +
1.215 + $tip
1.216 + .offset(offset)
1.217 + .addClass('in')
1.218 +
1.219 + // check to see if placing tip in new offset caused the tip to resize itself
1.220 + var actualWidth = $tip[0].offsetWidth
1.221 + var actualHeight = $tip[0].offsetHeight
1.222 +
1.223 + if (placement == 'top' && actualHeight != height) {
1.224 + replace = true
1.225 + offset.top = offset.top + height - actualHeight
1.226 + }
1.227 +
1.228 + if (/bottom|top/.test(placement)) {
1.229 + var delta = 0
1.230 +
1.231 + if (offset.left < 0) {
1.232 + delta = offset.left * -2
1.233 + offset.left = 0
1.234 +
1.235 + $tip.offset(offset)
1.236 +
1.237 + actualWidth = $tip[0].offsetWidth
1.238 + actualHeight = $tip[0].offsetHeight
1.239 + }
1.240 +
1.241 + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
1.242 + } else {
1.243 + this.replaceArrow(actualHeight - height, actualHeight, 'top')
1.244 + }
1.245 +
1.246 + if (replace) $tip.offset(offset)
1.247 + }
1.248 +
1.249 + Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
1.250 + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
1.251 + }
1.252 +
1.253 + Tooltip.prototype.setContent = function () {
1.254 + var $tip = this.tip()
1.255 + var title = this.getTitle()
1.256 +
1.257 + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
1.258 + $tip.removeClass('fade in top bottom left right')
1.259 + }
1.260 +
1.261 + Tooltip.prototype.hide = function () {
1.262 + var that = this
1.263 + var $tip = this.tip()
1.264 + var e = $.Event('hide.bs.' + this.type)
1.265 +
1.266 + function complete() {
1.267 + if (that.hoverState != 'in') $tip.detach()
1.268 + }
1.269 +
1.270 + this.$element.trigger(e)
1.271 +
1.272 + if (e.isDefaultPrevented()) return
1.273 +
1.274 + $tip.removeClass('in')
1.275 +
1.276 + $.support.transition && this.$tip.hasClass('fade') ?
1.277 + $tip
1.278 + .one($.support.transition.end, complete)
1.279 + .emulateTransitionEnd(150) :
1.280 + complete()
1.281 +
1.282 + this.$element.trigger('hidden.bs.' + this.type)
1.283 +
1.284 + return this
1.285 + }
1.286 +
1.287 + Tooltip.prototype.fixTitle = function () {
1.288 + var $e = this.$element
1.289 + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
1.290 + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
1.291 + }
1.292 + }
1.293 +
1.294 + Tooltip.prototype.hasContent = function () {
1.295 + return this.getTitle()
1.296 + }
1.297 +
1.298 + Tooltip.prototype.getPosition = function () {
1.299 + var el = this.$element[0]
1.300 + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
1.301 + width: el.offsetWidth
1.302 + , height: el.offsetHeight
1.303 + }, this.$element.offset())
1.304 + }
1.305 +
1.306 + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
1.307 + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
1.308 + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
1.309 + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
1.310 + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
1.311 + }
1.312 +
1.313 + Tooltip.prototype.getTitle = function () {
1.314 + var title
1.315 + var $e = this.$element
1.316 + var o = this.options
1.317 +
1.318 + title = $e.attr('data-original-title')
1.319 + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
1.320 +
1.321 + return title
1.322 + }
1.323 +
1.324 + Tooltip.prototype.tip = function () {
1.325 + return this.$tip = this.$tip || $(this.options.template)
1.326 + }
1.327 +
1.328 + Tooltip.prototype.arrow = function () {
1.329 + return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
1.330 + }
1.331 +
1.332 + Tooltip.prototype.validate = function () {
1.333 + if (!this.$element[0].parentNode) {
1.334 + this.hide()
1.335 + this.$element = null
1.336 + this.options = null
1.337 + }
1.338 + }
1.339 +
1.340 + Tooltip.prototype.enable = function () {
1.341 + this.enabled = true
1.342 + }
1.343 +
1.344 + Tooltip.prototype.disable = function () {
1.345 + this.enabled = false
1.346 + }
1.347 +
1.348 + Tooltip.prototype.toggleEnabled = function () {
1.349 + this.enabled = !this.enabled
1.350 + }
1.351 +
1.352 + Tooltip.prototype.toggle = function (e) {
1.353 + var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this
1.354 + self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
1.355 + }
1.356 +
1.357 + Tooltip.prototype.destroy = function () {
1.358 + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type)
1.359 + }
1.360 +
1.361 +
1.362 + // TOOLTIP PLUGIN DEFINITION
1.363 + // =========================
1.364 +
1.365 + var old = $.fn.tooltip
1.366 +
1.367 + $.fn.tooltip = function (option) {
1.368 + return this.each(function () {
1.369 + var $this = $(this)
1.370 + var data = $this.data('bs.tooltip')
1.371 + var options = typeof option == 'object' && option
1.372 +
1.373 + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
1.374 + if (typeof option == 'string') data[option]()
1.375 + })
1.376 + }
1.377 +
1.378 + $.fn.tooltip.Constructor = Tooltip
1.379 +
1.380 +
1.381 + // TOOLTIP NO CONFLICT
1.382 + // ===================
1.383 +
1.384 + $.fn.tooltip.noConflict = function () {
1.385 + $.fn.tooltip = old
1.386 + return this
1.387 + }
1.388 +
1.389 +}(jQuery);