blockui

Is there a way to tell if $.blockUI(); has been called but $.unblockUI() has not been called? Ideally this should be able to work for both blocking the full page and specific elements. I'd expect it to work something like this > $.blockUI(); > $.isBlockUI?(): >> true > $.unblockUI(); > $.isBlockUI?(); >> false Look what I found here $(document).ready(function() { $('#demo14').click(function() { $.blockUI({ fadeIn: 1000, timeout: 2000, onBlock: function() { alert('Page is now blocked; fadeIn complete'); } }); }); Evidently there's one for Block and unBlock sorta like a onSuccess function. So on

I'm using jQuery BlockUI plugin, and i have been able to sucessfully show a single message in the page, however... let's say that I want to show 3 messages , one after another. Something like: message: 'hello world!' message: 'hello galaxy!' message: 'hello universe!' how do I do this with jQuery BlockUI? Just create a div in your page like this: <div id="blockMessage"></div> And for the script... $.blockUI({ message: $('#blockMessage') }); $("#blockMessage").html('Hello World!'); $("#blockMessage").html('Hello Galaxy!'); $("#blockMessage").html('Hello Universe!); $.unblockUI(); This goes by

i have long running task that gets called using jquery ajax. i am using the block ui plugin to show "loading". is there anyway i can send progress messages back to the client to show progress and have that updated on the block ui plugin message. So it will show this (as the server does its work) . . "Loading first source . . . " "Loading second source . . . " "Loading third source . . . " "Parsing Results . . . " From what I've seen for the case of uploading stuff - people create a separate gateway and query it for progress info as it's only avaliable on the server side. But I think it's not

I'm using jQuery blockUI plugin to show some nifty "loader" on each AJAX call and each URL change. Here is full code responsible for that: var rootPath = document.body.getAttribute("data-root"); $.blockUI.defaults.message = '<h3><img style="margin: 0 5px 5px 0" src="' + rootPath + '/images/process.gif" width="48" height="48" />In progress...</h3>'; $.blockUI.defaults.css.top = '45%'; $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); $(window).on('beforeunload', function(){$.blockUI();}); Everything is fine during AJAX call, however, I've noticed that Chrome and Firefox does display

This is not working for me: <h:form id="wfMgtForm"> . . . <p:dataTable id="wfTable" ..." var="item"> <p:column> . . . </p:column> <p:column> <p:commandLink id="editWatchfolderButtonId" oncomplete="dlgEditWF.show()" update=":editWFForm" process="@none"> <f:param value="#{item.value.ID}" name="editId"/> <h:graphicImage alt="Edit Image" style="border: none" value="./images/edit.png" /> </p:commandLink> </p:column> . . . <p:blockUI block=":wfMgtForm" trigger="editWatchfolderButtonId"> Loading...<br/> <p:graphicImage alt="Loader Image" value="/images/loader.gif"/> </p:blockUI> </h:form> The error

I am trying to create a datatable that displays a blockUI whenever it is busy, and I have been mostly successful. It now grays out and shows "Loading..." whenever I click either of two commandButtons, sort the datatable by clicking on a header, or page through the datatable. You can see the code for it below. The problem is that after I have used one of the commandButtons (which runs an ajax update on the blocked element), subsequent actions do not trigger the blockUI (until I refresh the page). For example: Load page Click a datatable header - blockUI appears until table is finished sorting