Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
bootstrap-modals.js 3.53 KiB
1 
(function( $ ){
2
3 
  /* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
4 
   * ======================================================= */
5
6 
  $.support.transition = (function(){
7 
    var thisBody = document.body || document.documentElement
8 
      , thisStyle = thisBody.style
9 
      , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;
10 
    return support;
11 
  })();
12
13
14 
 /* SHARED VARS
15 
  * =========== */
16
17 
  var $window = $(window)
18 
    , transitionEnd
19
20 
  // set CSS transition event type
21 
  if ($.support.transition) {
22 
    transitionEnd = "TransitionEnd"
23 
    if ($.browser.webkit) {
24 
    	transitionEnd = "webkitTransitionEnd"
25 
    } else if ($.browser.mozilla) {
26 
    	transitionEnd = "transitionend"
27 
    } else if ($.browser.opera) {
28 
    	transitionEnd = "oTransitionEnd"
29 
    }
30 
  }
31
32
33 
 /* MODAL PUBLIC CLASS DEFINITION
34 
  * ============================= */
35
36 
  var Modal = function (options) {
37 
    this.settings = {
38 
      backdrop: false
39 
    , closeOnEscape: false
40 
    , content: false
41 
    }
42
43 
    if ( typeof options == 'string' ) {
44 
      this.settings.content = options
45 
    } else if ( options ) {
46 
      $.extend( this.settings, options )
47 
    }
48
49 
    return this
50 
  }
51
52 
  Modal.prototype = {
53
54 
    toggle: function () {
55 
      return this[!this.isOpen ? 'open' : 'close']()
56 
    }
57
58 
  , open: function () {
59 
      var that = this
60 
      this.isOpen = true
61
62 
      _private.onEscape.call(this)
63 
      _private.backdrop.call(this)
64
65 
      this.$element = $(this.settings.content)
66 
        .delegate('.close', 'click', function (e) { e.preventDefault(); that.close() })
67 
        .appendTo(document.body)
68
69 
      setTimeout(function () {
70 
        that.$element.addClass('open')
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
that.$backdrop && that.$backdrop.addClass('open') }, 1) return this } , close: function () { var that = this this.isOpen = false _private.onEscape.call(this) _private.backdrop.call(this) this.$element.removeClass('open') function removeElement () { that.$element.remove() that.$element = null } $.support.transition ? this.$element.bind(transitionEnd, removeElement) : removeElement() return this } } /* MODAL PRIVATE METHODS * ===================== */ var _private = { backdrop: function () { var that = this if (this.isOpen && this.settings.backdrop) { this.$backdrop = $('<div class="modal-backdrop" />') .click(function () { that.close() }) .appendTo(document.body) } else if (!this.isOpen && this.$backdrop){ this.$backdrop.removeClass('open') function removeElement() { that.$backdrop.remove() that.$backdrop = null } $.support.transition ? this.$backdrop.bind(transitionEnd, removeElement) : removeElement() } } , onEscape: function () { var that = this if (this.isOpen && this.settings.closeOnEscape) { $window.bind('keyup.modal.escape', function (e) { if ( e.which == 27 ) { that.close() } }) } else if (!this.isOpen) { $window.unbind('keyup.modal.escape') } } }
141142143144145146147148149150151152153154155156
/* MODAL PLUGIN DEFINITION * ======================= */ $.modal = function (options) { return new Modal(options) } $.fn.modal = function (options) { options = options || {} options.content = this return new Modal(options) } })( jQuery || ender )