/*!
* jQuery blockUI plugin
* Version 2.70.0-2014.11.23
* Requires jQuery v1.7 or later
*
* Examples at: http://malsup.com/jquery/block/
* Copyright (c) 2007-2013 M. Alsup
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Thanks to Amir-Hossein Sobhi for some excellent contributions!
*/
(function () {
/*jshint eqeqeq:false curly:false latedef:false */
"use strict";
function setup($) {
$.fn._fadeIn = $.fn.fadeIn;
var noOp = $.noop || function () {};
// this bit is to ensure we don't call setExpression when we shouldn't (with extra muscle to handle
// confusing userAgent strings on Vista)
var msie = /MSIE/.test(navigator.userAgent);
var ie6 =
/MSIE 6.0/.test(navigator.userAgent) &&
!/MSIE 8.0/.test(navigator.userAgent);
var mode = document.documentMode || 0;
var setExpr = $.isFunction(
document.createElement("div").style.setExpression
);
// global $ methods for blocking/unblocking the entire page
$.blockUI = function (opts) {
install(window, opts);
};
$.unblockUI = function (opts) {
remove(window, opts);
};
// convenience method for quick growl-like notifications (http://www.google.com/search?q=growl)
$.growlUI = function (title, message, timeout, onClose) {
var $m = $('<div class="growlUI"></div>');
if (title) $m.append("<h1>" + title + "</h1>");
if (message) $m.append("<h2>" + message + "</h2>");
if (timeout === undefined) timeout = 3000;
// Added by konapun: Set timeout to 30 seconds if this growl is moused over, like normal toast notifications
var callBlock = function (opts) {
opts = opts || {};
$.blockUI({
message: $m,
fadeIn: typeof opts.fadeIn !== "undefined" ? opts.fadeIn : 700,
fadeOut: typeof opts.fadeOut !== "undefined" ? opts.fadeOut : 1000,
timeout: typeof opts.timeout !== "undefined" ? opts.timeout : timeout,
centerY: false,
showOverlay: false,
onUnblock: onClose,
css: $.blockUI.defaults.growlCSS
});
};
callBlock();
var nonmousedOpacity = $m.css("opacity");
$m.mouseover(function () {
callBlock({
fadeIn: 0,
timeout: 30000
});
var displayBlock = $(".blockMsg");
displayBlock.stop(); // cancel fadeout if it has started
displayBlock.fadeTo(300, 1); // make it easier to read the message by removing transparency
}).mouseout(function () {
$(".blockMsg").fadeOut(1000);
});
// End konapun additions
};
// plugin method for blocking element content
$.fn.block = function (opts) {
if (this[0] === window) {
$.blockUI(opts);
return this;
}
var fullOpts = $.extend({}, $.blockUI.defaults, opts || {});
this.each(function () {
var $el = $(this);
if (fullOpts.ignoreIfBlocked && $el.data("blockUI.isBlocked")) return;
$el.unblock({ fadeOut: 0 });
});
return this.each(function () {
if ($.css(this, "position") == "static") {
this.style.position = "relative";
$(this).data("blockUI.static", true);
}
this.style.zoom = 1; // force 'hasLayout' in ie
install(this, opts);
});
};
// plugin method for unblocking element content
$.fn.unblock = function (opts) {
if (this[0] === window) {
$.unblockUI(opts);
return this;
}
return this.each(function () {
remove(this, opts);
});
};
$.blockUI.version = 2.7; // 2nd generation blocking at no extra cost!
// override these in your code to change the default behavior and style
$.blockUI.defaults = {
// message displayed when blocking (use null for no message)
message: "<h1>Please wait...</h1>",
title: null, // title string; only used when theme == true
draggable: true, // only used when theme == true (requires jquery-ui.js to be loaded)
theme: false, // set to true to use with jQuery UI themes
// styles for the message when blocking; if you wish to disable
// these and use an external stylesheet then do this in your code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin: 0,
width: "30%",
top: "40%",
left: "35%",
textAlign: "center",
color: "#000",
border: "3px solid #aaa",
backgroundColor: "#fff",
cursor: "wait"
},
// minimal style set used when themes are used
themedCSS: {
width: "30%",
top: "40%",
left: "35%"
},
// styles for the overlay
overlayCSS: {
backgroundColor: "#000",
opacity: 0.6,
cursor: "wait"
},
// style to replace wait cursor before unblocking to correct issue
// of lingering wait cursor
cursorReset: "default",
// styles applied when using $.growlUI
growlCSS: {
width: "350px",
top: "10px",
left: "",
right: "10px",
border: "none",
padding: "5px",
opacity: 0.6,
cursor: "default",
color: "#fff",
backgroundColor: "#000",
"-webkit-border-radius": "10px",
"-moz-border-radius": "10px",
"border-radius": "10px"
},
// IE issues: 'about:blank' fails on HTTPS and javascript:false is s-l-o-w
// (hat tip to Jorge H. N. de Vasconcelos)
/*jshint scripturl:true */
iframeSrc: /^https/i.test(window.location.href || "")
? "javascript:false"
: "about:blank",
// force usage of iframe in non-IE browsers (handy for blocking applets)
forceIframe: false,
// z-index for the blocking overlay
baseZ: 1000,
// set these to true to have the message automatically centered
centerX: true, // <-- only effects element blocking (page block controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes blocking look better
// on "short" pages. disable if you wish to prevent changes to the body height
allowBodyStretch: true,
// enable if you want key and mouse events to be disabled for content that is blocked
bindEvents: true,
// be default blockUI will supress tab navigation from leaving blocking content
// (if bindEvents is true)
constrainTabKey: true,
// fadeIn time in millis; set to 0 to disable fadeIn on block
fadeIn: 200,
// fadeOut time in millis; set to 0 to disable fadeOut on unblock
fadeOut: 400,
// time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock
timeout: 0,
// disable if you don't want to show the overlay
showOverlay: true,
// if true, focus will be placed in the first available input field when
// page blocking
focusInput: true,
// elements that can receive focus
focusableElements: ":input:enabled:visible",
// suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity)
// no longer needed in 2012
// applyPlatformOpacityRules: true,
// callback method invoked when fadeIn has completed and blocking message is visible
onBlock: null,
// callback method invoked when unblocking has completed; the callback is
// passed the element that has been unblocked (which is the window object for page
// blocks) and the options that were passed to the unblock call:
// onUnblock(element, options)
onUnblock: null,
// callback method invoked when the overlay area is clicked.
// setting this will turn the cursor to a pointer, otherwise cursor defined in overlayCss will be used.
onOverlayClick: null,
// don't ask; if you really must know: http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493
quirksmodeOffsetHack: 4,
// class name of the message block
blockMsgClass: "blockMsg",
// if it is already blocked, then ignore it (don't unblock and reblock)
ignoreIfBlocked: false
};
// private data and functions follow...
var pageBlock = null;
var pageBlockEls = [];
function install(el, opts) {
var css, themedCSS;
var full = el == window;
var msg = opts && opts.message !== undefined ? opts.message : undefined;
opts = $.extend({}, $.blockUI.defaults, opts || {});
if (opts.ignoreIfBlocked && $(el).data("blockUI.isBlocked")) return;
opts.overlayCSS = $.extend(
{},
$.blockUI.defaults.overlayCSS,
opts.overlayCSS || {}
);
css = $.extend({}, $.blockUI.defaults.css, opts.css || {});
if (opts.onOverlayClick) opts.overlayCSS.cursor = "pointer";
themedCSS = $.extend(
{},
$.blockUI.defaults.themedCSS,
opts.themedCSS || {}
);
msg = msg === undefined ? opts.message : msg;
// remove the current block (if there is one)
if (full && pageBlock) remove(window, { fadeOut: 0 });
// if an existing element is being used as the blocking content then we capture
// its current place in the DOM (and current display style) so we can restore
// it when we unblock
if (msg && typeof msg != "string" && (msg.parentNode || msg.jquery)) {
var node = msg.jquery ? msg[0] : msg;
var data = {};
$(el).data("blockUI.history", data);
data.el = node;
data.parent = node.parentNode;
data.display = node.style.display;
data.position = node.style.position;
if (data.parent) data.parent.removeChild(node);
}
$(el).data("blockUI.onUnblock", opts.onUnblock);
var z = opts.baseZ;
// blockUI uses 3 layers for blocking, for simplicity they are all used on every platform;
// layer1 is the iframe layer which is used to supress bleed through of underlying content
// layer2 is the overlay layer which has opacity and a wait cursor (by default)
// layer3 is the message content that is displayed while blocking
var lyr1, lyr2, lyr3, s;
if (msie || opts.forceIframe)
lyr1 = $(
'<iframe class="blockUI" style="z-index:' +
z++ +
';display:none;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="' +
opts.iframeSrc +
'"></iframe>'
);
else lyr1 = $('<div class="blockUI" style="display:none"></div>');
if (opts.theme)
lyr2 = $(
'<div class="blockUI blockOverlay ui-widget-overlay" style="z-index:' +
z++ +
';display:none"></div>'
);
else
lyr2 = $(
'<div class="blockUI blockOverlay" style="z-index:' +
z++ +
';display:none;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>'
);
if (opts.theme && full) {
s =
'<div class="blockUI ' +
opts.blockMsgClass +
' blockPage ui-dialog ui-widget ui-corner-all" style="z-index:' +
(z + 10) +
';display:none;position:fixed">';
if (opts.title) {
s +=
'<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">' +
(opts.title || " ") +
"</div>";
}
s += '<div class="ui-widget-content ui-dialog-content"></div>';
s += "</div>";
} else if (opts.theme) {
s =
'<div class="blockUI ' +
opts.blockMsgClass +
' blockElement ui-dialog ui-widget ui-corner-all" style="z-index:' +
(z + 10) +
';display:none;position:absolute">';
if (opts.title) {
s +=
'<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">' +
(opts.title || " ") +
"</div>";
}
s += '<div class="ui-widget-content ui-dialog-content"></div>';
s += "</div>";
} else if (full) {
s =
'<div class="blockUI ' +
opts.blockMsgClass +
' blockPage" style="z-index:' +
(z + 10) +
';display:none;position:fixed"></div>';
} else {
s =
'<div class="blockUI ' +
opts.blockMsgClass +
' blockElement" style="z-index:' +
(z + 10) +
';display:none;position:absolute"></div>';
}
lyr3 = $(s);
// if we have a message, style it
if (msg) {
if (opts.theme) {
lyr3.css(themedCSS);
lyr3.addClass("ui-widget-content");
} else lyr3.css(css);
}
// style the overlay
if (!opts.theme /*&& (!opts.applyPlatformOpacityRules)*/)
lyr2.css(opts.overlayCSS);
lyr2.css("position", full ? "fixed" : "absolute");
// make iframe layer transparent in IE
if (msie || opts.forceIframe) lyr1.css("opacity", 0.0);
//$([lyr1[0],lyr2[0],lyr3[0]]).appendTo(full ? 'body' : el);
var layers = [lyr1, lyr2, lyr3],
$par = full ? $("body") : $(el);
$.each(layers, function () {
this.appendTo($par);
});
if (opts.theme && opts.draggable && $.fn.draggable) {
lyr3.draggable({
handle: ".ui-dialog-titlebar",
cancel: "li"
});
}
// ie7 must use absolute positioning in quirks mode and to account for activex issues (when scrolling)
var expr =
setExpr &&
(!$.support.boxModel || $("object,embed", full ? null : el).length > 0);
if (ie6 || expr) {
// give body 100% height
if (full && opts.allowBodyStretch && $.support.boxModel)
$("html,body").css("height", "100%");
// fix ie6 issue when blocked element has a border width
if ((ie6 || !$.support.boxModel) && !full) {
var t = sz(el, "borderTopWidth"),
l = sz(el, "borderLeftWidth");
var fixT = t ? "(0 - " + t + ")" : 0;
var fixL = l ? "(0 - " + l + ")" : 0;
}
// simulate fixed position
$.each(layers, function (i, o) {
var s = o[0].style;
s.position = "absolute";
if (i < 2) {
if (full)
s.setExpression(
"height",
"Math.max(document.body.scrollHeight, document.body.offsetHeight) - (jQuery.support.boxModel?0:" +
opts.quirksmodeOffsetHack +
') + "px"'
);
else
s.setExpression("height", 'this.parentNode.offsetHeight + "px"');
if (full)
s.setExpression(
"width",
'jQuery.support.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"'
);
else s.setExpression("width", 'this.parentNode.offsetWidth + "px"');
if (fixL) s.setExpression("left", fixL);
if (fixT) s.setExpression("top", fixT);
} else if (opts.centerY) {
if (full)
s.setExpression(
"top",
'(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"'
);
s.marginTop = 0;
} else if (!opts.centerY && full) {
var top = opts.css && opts.css.top ? parseInt(opts.css.top, 10) : 0;
var expression =
"((document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + " +
top +
') + "px"';
s.setExpression("top", expression);
}
});
}
// show the message
if (msg) {
if (opts.theme) lyr3.find(".ui-widget-content").append(msg);
else lyr3.append(msg);
if (msg.jquery || msg.nodeType) $(msg).show();
}
if ((msie || opts.forceIframe) && opts.showOverlay) lyr1.show(); // opacity is zero
if (opts.fadeIn) {
var cb = opts.onBlock ? opts.onBlock : noOp;
var cb1 = opts.showOverlay && !msg ? cb : noOp;
var cb2 = msg ? cb : noOp;
if (opts.showOverlay) lyr2._fadeIn(opts.fadeIn, cb1);
if (msg) lyr3._fadeIn(opts.fadeIn, cb2);
} else {
if (opts.showOverlay) lyr2.show();
if (msg) lyr3.show();
if (opts.onBlock) opts.onBlock.bind(lyr3)();
}
// bind key and mouse events
bind(1, el, opts);
if (full) {
pageBlock = lyr3[0];
pageBlockEls = $(opts.focusableElements, pageBlock);
if (opts.focusInput) setTimeout(focus, 20);
} else center(lyr3[0], opts.centerX, opts.centerY);
if (opts.timeout) {
// auto-unblock
var to = setTimeout(function () {
if (full) $.unblockUI(opts);
else $(el).unblock(opts);
}, opts.timeout);
$(el).data("blockUI.timeout", to);
}
}
// remove the block
function remove(el, opts) {
var count;
var full = el == window;
var $el = $(el);
var data = $el.data("blockUI.history");
var to = $el.data("blockUI.timeout");
if (to) {
clearTimeout(to);
$el.removeData("blockUI.timeout");
}
opts = $.extend({}, $.blockUI.defaults, opts || {});
bind(0, el, opts); // unbind events
if (opts.onUnblock === null) {
opts.onUnblock = $el.data("blockUI.onUnblock");
$el.removeData("blockUI.onUnblock");
}
var els;
if (full)
// crazy selector to handle odd field errors in ie6/7
els = $("body").children().filter(".blockUI").add("body > .blockUI");
else els = $el.find(">.blockUI");
// fix cursor issue
if (opts.cursorReset) {
if (els.length > 1) els[1].style.cursor = opts.cursorReset;
if (els.length > 2) els[2].style.cursor = opts.cursorReset;
}
if (full) pageBlock = pageBlockEls = null;
if (opts.fadeOut) {
count = els.length;
els.stop().fadeOut(opts.fadeOut, function () {
if (--count === 0) reset(els, data, opts, el);
});
} else reset(els, data, opts, el);
}
// move blocking element back into the DOM where it started
function reset(els, data, opts, el) {
var $el = $(el);
if ($el.data("blockUI.isBlocked")) return;
els.each(function (i, o) {
// remove via DOM calls so we don't lose event handlers
if (this.parentNode) this.parentNode.removeChild(this);
});
if (data && data.el) {
data.el.style.display = data.display;
data.el.style.position = data.position;
data.el.style.cursor = "default"; // #59
if (data.parent) data.parent.appendChild(data.el);
$el.removeData("blockUI.history");
}
if ($el.data("blockUI.static")) {
$el.css("position", "static"); // #22
}
if (typeof opts.onUnblock == "function") opts.onUnblock(el, opts);
// fix issue in Safari 6 where block artifacts remain until reflow
var body = $(document.body),
w = body.width(),
cssW = body[0].style.width;
body.width(w - 1).width(w);
body[0].style.width = cssW;
}
// bind/unbind the handler
function bind(b, el, opts) {
var full = el == window,
$el = $(el);
// don't bother unbinding if there is nothing to unbind
if (
!b &&
((full && !pageBlock) || (!full && !$el.data("blockUI.isBlocked")))
)
return;
$el.data("blockUI.isBlocked", b);
// don't bind events when overlay is not in use or if bindEvents is false
if (!full || !opts.bindEvents || (b && !opts.showOverlay)) return;
// bind anchors and inputs for mouse and key events
var events =
"mousedown mouseup keydown keypress keyup touchstart touchend touchmove";
if (b) $(document).bind(events, opts, handler);
else $(document).unbind(events, handler);
// former impl...
// var $e = $('a,:input');
// b ? $e.bind(events, opts, handler) : $e.unbind(events, handler);
}
// event handler to suppress keyboard/mouse events when blocking
function handler(e) {
// allow tab navigation (conditionally)
if (e.type === "keydown" && e.keyCode && e.keyCode == 9) {
if (pageBlock && e.data.constrainTabKey) {
var els = pageBlockEls;
var fwd = !e.shiftKey && e.target === els[els.length - 1];
var back = e.shiftKey && e.target === els[0];
if (fwd || back) {
setTimeout(function () {
focus(back);
}, 10);
return false;
}
}
}
var opts = e.data;
var target = $(e.target);
if (target.hasClass("blockOverlay") && opts.onOverlayClick)
opts.onOverlayClick(e);
// allow events within the message content
if (target.parents("div." + opts.blockMsgClass).length > 0) return true;
// allow events for content that is not being blocked
return target.parents().children().filter("div.blockUI").length === 0;
}
function focus(back) {
if (!pageBlockEls) return;
var e = pageBlockEls[back === true ? pageBlockEls.length - 1 : 0];
if (e) e.focus();
}
function center(el, x, y) {
var p = el.parentNode,
s = el.style;
var l = (p.offsetWidth - el.offsetWidth) / 2 - sz(p, "borderLeftWidth");
var t = (p.offsetHeight - el.offsetHeight) / 2 - sz(p, "borderTopWidth");
if (x) s.left = l > 0 ? l + "px" : "0";
if (y) s.top = t > 0 ? t + "px" : "0";
}
function sz(el, p) {
return parseInt($.css(el, p), 10) || 0;
}
}
/*global define:true */
if (typeof define === "function" && define.amd && define.amd.jQuery) {
define(["jquery"], setup);
} else {
setup(jQuery);
}
})();
|
Download
