diff --git a/jquery.leanModal.js b/jquery.leanModal.js index facf07e..2fa3d70 100644 --- a/jquery.leanModal.js +++ b/jquery.leanModal.js @@ -1,73 +1,60 @@ (function($){ - - $.fn.extend({ - - leanModal: function(options) { - - var defaults = { - top: 100, - overlay: 0.5, - closeButton: null - } - - var overlay = $("
"); - - $("body").append(overlay); - - options = $.extend(defaults, options); - - return this.each(function() { - - var o = options; - - $(this).click(function(e) { - - var modal_id = $(this).attr("href"); - - $("#lean_overlay").click(function() { - close_modal(modal_id); - }); - - $(o.closeButton).click(function() { - close_modal(modal_id); - }); - - var modal_height = $(modal_id).outerHeight(); - var modal_width = $(modal_id).outerWidth(); - - $('#lean_overlay').css({ 'display' : 'block', opacity : 0 }); - - $('#lean_overlay').fadeTo(200,o.overlay); - - $(modal_id).css({ - - 'display' : 'block', - 'position' : 'fixed', - 'opacity' : 0, - 'z-index': 11000, - 'left' : 50 + '%', - 'margin-left' : -(modal_width/2) + "px", - 'top' : o.top + "px" - - }); - - $(modal_id).fadeTo(200,1); - - e.preventDefault(); - - }); - - }); - - function close_modal(modal_id){ - - $("#lean_overlay").fadeOut(200); - - $(modal_id).css({ 'display' : 'none' }); - - } - - } - }); - -})(jQuery); \ No newline at end of file + $.fn.extend({ + leanModal: function(options) { + + var close_modal = function (modal_id){ + $("#lean_overlay").fadeOut(200); + $(modal_id).css({ 'display' : 'none' }); + }; + + var defaults = { + top: 100, + overlay: 0.5, + closeButton: null + }; + + var overlay = $(""); + + $("body").append(overlay); + + options = $.extend(defaults, options); + + return this.each(function() { + var o = options; + + $(this).click(function(e) { + var modal_id = $(this).attr("href"); + + $("#lean_overlay").click(function() { + close_modal(modal_id); + }); + + $(options.closeButton).click(function() { + close_modal(modal_id); + }); + + var modal_height = $(modal_id).outerHeight(); + var modal_width = $(modal_id).outerWidth(); + + var lean_overlay = $('#lean_overlay'); + lean_overlay.css({ 'display' : 'block', opacity : 0 }); + lean_overlay.fadeTo(200, o.overlay); + + var modal = $(modal_id); + modal.css({ + 'display' : 'block', + 'position' : 'fixed', + 'opacity' : 0, + 'z-index': 11000, + 'left' : 50 + '%', + 'margin-left' : -(modal_width/2) + "px", + 'top' : o.top + "px" + }); + + modal.fadeTo(200,1); + e.preventDefault(); + }); // $(this).click(function(e) ... + }); // return this.each(function() ... + } // leanModal: function(options) ... + }); // $.fn.extend( ... +})(jQuery);