Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
bootstrap-modal.js 3.51 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 = $.extend({}, $.fn.modal.defaults)
38
39 
    if ( typeof options == 'string' ) {
40 
      this.settings.content = options
41 
    } else if ( options ) {
42 
      $.extend( this.settings, options )
43 
    }
44
45 
    return this
46 
  }
47
48 
  Modal.prototype = {
49
50 
    toggle: function () {
51 
      return this[!this.isOpen ? 'open' : 'close']()
52 
    }
53
54 
  , open: function () {
55 
      var that = this
56 
      this.isOpen = true
57
58 
      _.escape.call(this)
59 
      _.backdrop.call(this)
60
61 
      this.$element = $(this.settings.content)
62 
        .delegate('.close', 'click', function (e) { e.preventDefault(); that.close() })
63 
        .appendTo(document.body)
64 
        .show()
65
66 
      setTimeout(function () {
67 
        that.$element.addClass('show')
68 
        that.$backdrop && that.$backdrop.addClass('show')
69 
      }, 1)
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
return this } , close: function () { var that = this this.isOpen = false _.escape.call(this) _.backdrop.call(this) this.$element.removeClass('show') function removeElement () { that.$element.remove() that.$element = null } $.support.transition ? this.$element.bind(transitionEnd, removeElement) : removeElement() return this } } /* MODAL PRIVATE METHODS * ===================== */ var _ = { 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('show') function removeElement() { that.$backdrop.remove() that.$backdrop = null } $.support.transition ? this.$backdrop.bind(transitionEnd, removeElement) : removeElement() } } , escape: 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') } } } /* MODAL PLUGIN DEFINITION
141142143144145146147148149150151152153154155
* ======================= */ $.fn.modal = function ( options ) { options = options || {} options.content = this return new Modal(options) } $.fn.modal.defaults = { backdrop: false , closeOnEscape: false , content: false } })( jQuery || ender )