blockui

问题 Anyone knows a JQuery plugin for BlockUI that allows blocking a specific DIV, not just the whole page. Thanks. 回答1: You can do it thru blockui plugin 回答2: You can do this natively with BlockUI: http://jquery.malsup.com/block/#element $('div.test').block({ message: null }) 回答3: $.blockUI({ message: $("#divid"), css: { position: 'absolute', } }); 来源： https://stackoverflow.com/questions/6933086/block-ui-jquery-plugin-for-a-specific-div

问题 I was wondering if anyone could shed insight as to how I could add a spinning preloader (like apple uses) using the jQuery Block UI plugin. The preloader would have to spin until the AJAX content loads. Is this possible with Block UI? Any direction would be helpful, thanks! 回答1: Find a good animated throbber image off the web, like this: Set up a hidden throbber div to show it. <div id="throbber" style="display:none;"> <img src="/img/busy.gif" /> </div> Tell blockUI to use that div as the

问题 I was wondering if anyone could shed insight as to how I could add a spinning preloader (like apple uses) using the jQuery Block UI plugin. The preloader would have to spin until the AJAX content loads. Is this possible with Block UI? Any direction would be helpful, thanks! 回答1: Find a good animated throbber image off the web, like this: Set up a hidden throbber div to show it. <div id="throbber" style="display:none;"> <img src="/img/busy.gif" /> </div> Tell blockUI to use that div as the

问题 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? 回答1: Just create a div in your page like this: <div id="blockMessage"></div> And for the script... $.blockUI({ message: $('#blockMessage') }); $("#blockMessage").html('Hello World!'); $("

问题 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...

问题 I have used blockUI PLUGIN from https://github.com/McNull/angular-block-ui Problem i'm facing is that i want to dislay loading gif along with Saving Synids... Message. So how can i do that. $scope.saveDefSynId = function(item, event) { if($rootScope.savedSynids.length!==0){ **blockUI.start({message: 'Saving Synids...'});** var toSaveSynid=[]; angular.forEach($rootScope.savedSynids, function(value){ if(value.isSaved=='Y'|| value.isUpdated=='Y'){ toSaveSynid.push(value); } }); var clientId=

问题 When I'm using blockUI() for show modal form I've got error in jquery.js: Invalid argument (line 1061) (jquery.js) At sting "elem[ name ] = value" in .attr() method. JavaScript code: Copy code $('#deviceAddFormButton').click(function() { $.blockUI({ message: $('#deviceAdd') }) }) HTML is just ..., nothing extraordinary I'm using jQuery 1.3.2, blockUI 2.35. This error was thowing only in IE (Safari, Opera, Chromium, FireFox looks good:) 回答1: I've had this exact same problem, and I solved it by

问题 The example demonstrates blocking of <h:form> by <pe:blockUI>. <h:form id="form" prependId="true"> <pe:blockUI target="form" widgetVar="blockBodyUIWidget"> <h:panelGrid columns="2"> <h:graphicImage library="default" name="images/ajax-loader1.gif" class="block-ui-image"/> <h:outputText value="#{messages['blockui.panel.message']}" class="block-ui-text"/> </h:panelGrid> </pe:blockUI> <p:commandButton id="btnSubmit" onstart="PF('blockBodyUIWidget').block()" oncomplete="PF('blockBodyUIWidget')

问题 I'm attempting to use blockUI to block the interface of my web app while performing an ajax operation, but the screen was refusing to gray out for me in firefox (although the message box does show up). I finally figured out that everything was working except the calls to jquery's fadeIn or show. blockUI starts with elements that have explicitly declared styles of "display: none;" and calls jquery's "fadeIn()" or "show()" functions do display them. Is there anything I'm missing in either

问题 ANSWER : The fix for this problem is this : Change selector from $('#Button3') to $('#<%= Button3.ClientID %>') Thanks to Yuri. ISSUE : I am trying to get a button click to run the JQuery BlockUI plugin. I am having some issues this is my first shot at JQuery. I do have the Hello World pop-up example working so I think I am close but could use some help getting the rest worked out. Here is the code... <script src="../../scripts/jquery-1.2.6.js" type="text/javascript"></script> <script src="..