Enabling certain elements / buttons previously blocked by blockUI
Hello all,
This is my first post, I am not only new here, but I am also new to everything that is JQUERY. My primary experience is with VBA, so a lot of JS and JQ looks pretty foreign to me. Anywho, I have been stumped on something for quite awhile now.
I am working with a page that utilizes a JQUERY plugin called "blockUI", it restricts all interaction with the page unless mouse events are detected over buttons (only then can said button be clicked). The page also uses iframes. I have tried using certain commands like
$.unblockUI(); as well as
$.("iframe").remove();. However,
$.unblockUI() doesn't seem to do anything and
$.("iframe").remove();, simply removes the iframe (and subsequently everything within it).
Is there a way to unblock an element manually (and bypass the need for mouse events)? Not sure how to best approach this.
I have included some HTML below, the second set of code are events that are connected to the button
- <BUTTON class=x-btn-center id=button-1055-btnEl role=button style="HEIGHT: 16px; WIDTH: 69px" hideFocus type=button autocomplete="off">
- h = function(q, p) {
if (!k) {
l = ["if(!" + Ext.name + ") {return;}"];
if (o.buffer || o.delay || o.freezeEvent) {
if (o.freezeEvent) {
l.push("e = X.EventObject.setEvent(e);")
}
l.push("e = new X.EventObjectImpl(e, " + (o.freezeEvent ? "true" : "false") + ");")
} else {
l.push("e = X.EventObject.setEvent(e);")
} if (o.delegate) {
l.push('var result, t = e.getTarget("' + (o.delegate + "").replace(g, "\\\\") + '", this);');
l.push("if(!t) {return;}")
} else {
l.push("var t = e.target, result;")
} if (o.target) {
l.push("if(e.target !== options.target) {return;}")
}
if (o.stopEvent) {
l.push("e.stopEvent();")
} else {
if (o.preventDefault) {
l.push("e.preventDefault();")
}
if (o.stopPropagation) {
l.push("e.stopPropagation();")
}
} if (o.normalized === false) {
l.push("e = e.browserEvent;")
}
if (o.buffer) {
l.push("(wrap.task && clearTimeout(wrap.task));");
l.push("wrap.task = setTimeout(function() {")
}
if (o.delay) {
l.push("wrap.tasks = wrap.tasks || [];");
l.push("wrap.tasks.push(setTimeout(function() {")
}
l.push("result = fn.call(scope || dom, e, t, options);");
if (o.single) {
l.push("evtMgr.removeListener(dom, ename, fn, scope);")
}
if (i !== "mousemove" && i !== "unload") {
l.push("if (evtMgr.idleEvent.listeners.length) {");
l.push("evtMgr.idleEvent.fire();");
l.push("}")
}
if (o.delay) {
l.push("}, " + o.delay + "));")
}
if (o.buffer) {
l.push("}, " + o.buffer + ");")
}
l.push("return result;");
k = Ext.cacheableFunctionFactory("e", "options", "fn", "scope", "ename", "dom", "wrap", "args", "X", "evtMgr", l.join("\n"))
}
return k.call(j, q, o, m, n, i, j, h, p, Ext, a)
}
All help is greatly appreciated.
Thanks!