can you tell me more about this script I am totally null with java script should I add this var mask = new Wicket.Window.Mask(false); mask.show(); inside the showBusysign() function? and if I want to remove mask what function should I call ?
Pedro Santos-6 wrote: > > try this js: > > var mask = new Wicket.Window.Mask(false); mask.show(); > > the Mask is the use by ModalWindow: > http://www.wicket-library.com/wicket-examples/ajax/modal-window.2 > > On Tue, Sep 8, 2009 at 1:26 PM, fachhoch <[email protected]> wrote: > >> >> I also want to mask page along with loading indication is there >> anything >> available ? >> >> John Armstrong-3 wrote: >> > >> > I did this in pure Javascript for a recent project. You can insert >> > this code into your base page or whatnot. Its basically a hidden div >> > that you hide/show and you can style it however. You can see it in >> > action at http://www.pnc.net/. In my case its just a quick >> > 'Loading...' text blurb in the top right of the window. I stole this >> > from >> > : >> http://cwiki.apache.org/WICKET/generic-busy-indicator-for-both-ajax-and-non-ajax-submits.html >> > >> > html: >> > ------- >> > <div id="bysy_indicator">Loading ...</div> >> > >> > js: >> > ------- >> > <script type="text/javascript"> >> > window.onload = setupFunc; >> > >> > function setupFunc() { >> > document.getElementsByTagName('body')[0].onclick = clickFunc; >> > hideBusysign(); >> > Wicket.Ajax.registerPreCallHandler(showBusysign); >> > Wicket.Ajax.registerPostCallHandler(hideBusysign); >> > Wicket.Ajax.registerFailureHandler(hideBusysign); >> > } >> > >> > function hideBusysign() { >> > document.getElementById('bysy_indicator').style.display ='none'; >> > } >> > >> > function showBusysign() { >> > document.getElementById('bysy_indicator').style.display ='inline'; >> > } >> > >> > function clickFunc(eventData) { >> > var clickedElement = (window.event) ? event.srcElement : >> > eventData.target; >> > if (clickedElement.tagName.toUpperCase() == 'BUTTON' || >> > clickedElement.tagName.toUpperCase() == 'A' || >> > clickedElement.parentNode.tagName.toUpperCase() == 'A' >> > || (clickedElement.tagName.toUpperCase() == 'INPUT' && >> > (clickedElement.type.toUpperCase() == 'BUTTON' || >> > clickedElement.type.toUpperCase() == 'SUBMIT'))) { >> > showBusysign(); >> > } >> > } >> > </script> >> > >> > >> > >> > On Tue, Sep 8, 2009 at 8:13 AM, tubin gen<[email protected]> wrote: >> >> I am looking for some indicator for any ajax requests , I dont want to >> >> add >> >> the behaviour for every component with ajax behaviour , I want >> something >> >> which detects for ajax request and starts the indicator blocking the >> page >> >> for further user actions and vanishess after response is rendered is >> >> there >> >> any? >> >> >> > >> > --------------------------------------------------------------------- >> > To unsubscribe, e-mail: [email protected] >> > For additional commands, e-mail: [email protected] >> > >> > >> > >> >> -- >> View this message in context: >> http://www.nabble.com/ajax-indicator-for-all-ajax-requests-blocking-page-tp25348177p25349567.html >> Sent from the Wicket - User mailing list archive at Nabble.com. >> >> >> --------------------------------------------------------------------- >> To unsubscribe, e-mail: [email protected] >> For additional commands, e-mail: [email protected] >> >> > > -- View this message in context: http://www.nabble.com/ajax-indicator-for-all-ajax-requests-blocking-page-tp25348177p25350647.html Sent from the Wicket - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
