62 lines
2.1 KiB
JavaScript
62 lines
2.1 KiB
JavaScript
// leanModal v1.1 by Ray Stone - http://finelysliced.com.au
|
|
// Dual licensed under the MIT and GPL
|
|
|
|
// Updated to prevent divs with duplicate IDs from being rendered.
|
|
|
|
(function($) {
|
|
$.fn.extend({
|
|
leanModal: function(options) {
|
|
var defaults = {
|
|
top: 100,
|
|
overlay: 0.5,
|
|
closeButton: null
|
|
};
|
|
|
|
// Only append the overlay element if it isn't already present.
|
|
if ($("#lean_overlay").length == 0) {
|
|
var overlay = $("<div id='lean_overlay'></div>");
|
|
$("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);
|