You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Martin Makundi <ma...@koodaripalvelut.com> on 2008/06/07 17:59:03 UTC

Lightweight generic busy indicator

Hi!

I am trying to maneuvre a lightweight gmail-style busy indicator to
stay in place whenever I click an operative button.

The script seems to work fine with regular submit buttons, but I have
not found a proper way to reset the indicator in context with ajax
buttons and links.

Is there an event I could bind this to, or do I have to push some
javascript from the server side / tweak the wicket-ajax.js? It would
be pretty nice if I could just overload/hook-to something on
javascript level.

Here is my code:

<style type="text/css">
#busysign {
  display: none;
  float: right;
  background: red;
  margin-top: 5px;
  margin-right: 5px;
  z-index: 1000;
  width: 200;
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
}
</style>
<script type="text/javascript">
  window.onload = setupFunc;

  function setupFunc() {
    document.getElementsByTagName('body')[0].onclick = clickFunc;
  }

  function clickFunc(eventData) {
    var clickedElement = (window.event) ? event.srcElement : eventData.target;
    if (clickedElement.tagName == 'BUTTON'
      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
'button' || clickedElement.type == 'submit'))) {
      document.getElementById('busysign').style.display ='inline';
    }
  }
</script>


I would equally well appreciate if you had some alternative generic
lightweight solution :)


**
Martin

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
I must say that in my experience, 'worksforme'. Whenever I have had
problems with the indicator it has been because the javascript has
crashed. You can debug the javascript by putting alert('Hello'); in
some places you want to debug. This will quickly show you which parts
of the javascript really get executed and which parts do not.

**
Martin


2008/11/8 fatefree <fa...@gmail.com>:
>
> Hello, I put this code into my application and its very non-intrusive and
> easy to use. I found a slight problem with it though that I am able to
> replicate but not able to fix.
>
> It happens when a page using a form is loaded through the browsers url
> directly, instead of through a link in the application. So for instance if a
> user bookmarks a form, or opens a browser and types in the form url, when
> the form is submitted the indicator displays as it should, but it does not
> ever hide when the request is finished.
>
> In my instance I am submitting the form through ajax with validation errors,
> and the validation messages come back as they should but the indicator
> doesn't hide. I've tried putting the js outside of the html head tag, but it
> didn't seem to help. Interestingly enough, if I type the url and go to the
> form, and click refresh once, it works fine again. Almost like for some
> reason it can't be used on the page that creates the users session. Any
> ideas about this?
>
>
>
> Martin Makundi wrote:
>>
>> Hi!
>>
>> I put it into the Reference Library -> Ajax as "Generic Busy Indicator
>> (for both Ajax and non-Ajax submits)"
>>
>> http://cwiki.apache.org/confluence/display/WICKET/Generic+Busy+Indicator+%28for+both+Ajax+and+non-Ajax+submits%29
>>
>>
>
> --
> View this message in context: http://www.nabble.com/Lightweight-generic-busy-indicator-tp17710292p20399357.html
> Sent from the Wicket - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by fatefree <fa...@gmail.com>.
Hello, I put this code into my application and its very non-intrusive and
easy to use. I found a slight problem with it though that I am able to
replicate but not able to fix.

It happens when a page using a form is loaded through the browsers url
directly, instead of through a link in the application. So for instance if a
user bookmarks a form, or opens a browser and types in the form url, when
the form is submitted the indicator displays as it should, but it does not
ever hide when the request is finished.

In my instance I am submitting the form through ajax with validation errors,
and the validation messages come back as they should but the indicator
doesn't hide. I've tried putting the js outside of the html head tag, but it
didn't seem to help. Interestingly enough, if I type the url and go to the
form, and click refresh once, it works fine again. Almost like for some
reason it can't be used on the page that creates the users session. Any
ideas about this?



Martin Makundi wrote:
> 
> Hi!
> 
> I put it into the Reference Library -> Ajax as "Generic Busy Indicator
> (for both Ajax and non-Ajax submits)"
> 
> http://cwiki.apache.org/confluence/display/WICKET/Generic+Busy+Indicator+%28for+both+Ajax+and+non-Ajax+submits%29
> 
> 

-- 
View this message in context: http://www.nabble.com/Lightweight-generic-busy-indicator-tp17710292p20399357.html
Sent from the Wicket - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
Hi!

I put it into the Reference Library -> Ajax as "Generic Busy Indicator
(for both Ajax and non-Ajax submits)"

http://cwiki.apache.org/confluence/display/WICKET/Generic+Busy+Indicator+%28for+both+Ajax+and+non-Ajax+submits%29

**
Martin

2008/6/9 Gwyn Evans <gw...@gmail.com>:
> I'd have thought that either under the "AJAX" or the "View layer"
> topics in the Reference Library[1] page.  If so, go to the 'topic'
> page for the one you choose ([2] or [3]) and "Add page" your own page
> which should then automatically appear in the lists.
>
> If you've already created a page, it's not a problem as it's possible
> to move it around.  As for which one to use, which would you look for
> it under?
>
> /Gwyn
>
> [1] http://cwiki.apache.org/WICKET/reference-library.html
> [2] http://cwiki.apache.org/WICKET/ajax.html
> [3] http://cwiki.apache.org/WICKET/view-layer.html
>
> On Mon, Jun 9, 2008 at 9:50 AM, Martin Makundi
> <ma...@koodaripalvelut.com> wrote:
>>>> Do you think I should add it to the WIKI?
>>>
>>> Thats a great idea, the more info the better:)
>>
>> I had a look at the wicket wiki:
>> http://cwiki.apache.org/WICKET/#Index-FrameworkDocumentation
>>
>> Would you consider it it the right place or would you suggest a more
>> suitable location (and would that require any special publishing
>> rights)?
>>
>> **
>> Martin
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> For additional commands, e-mail: users-help@wicket.apache.org
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Gwyn Evans <gw...@gmail.com>.
I'd have thought that either under the "AJAX" or the "View layer"
topics in the Reference Library[1] page.  If so, go to the 'topic'
page for the one you choose ([2] or [3]) and "Add page" your own page
which should then automatically appear in the lists.

If you've already created a page, it's not a problem as it's possible
to move it around.  As for which one to use, which would you look for
it under?

/Gwyn

[1] http://cwiki.apache.org/WICKET/reference-library.html
[2] http://cwiki.apache.org/WICKET/ajax.html
[3] http://cwiki.apache.org/WICKET/view-layer.html

On Mon, Jun 9, 2008 at 9:50 AM, Martin Makundi
<ma...@koodaripalvelut.com> wrote:
>>> Do you think I should add it to the WIKI?
>>
>> Thats a great idea, the more info the better:)
>
> I had a look at the wicket wiki:
> http://cwiki.apache.org/WICKET/#Index-FrameworkDocumentation
>
> Would you consider it it the right place or would you suggest a more
> suitable location (and would that require any special publishing
> rights)?
>
> **
> Martin
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Nino Saturnino Martinez Vazquez Wael <ni...@jayway.dk>.
I think somewhere here:

http://cwiki.apache.org/WICKET/faqs.html

?

Martin Makundi wrote:
>>> Do you think I should add it to the WIKI?
>>>       
>> Thats a great idea, the more info the better:)
>>     
>
> I had a look at the wicket wiki:
> http://cwiki.apache.org/WICKET/#Index-FrameworkDocumentation
>
> Would you consider it it the right place or would you suggest a more
> suitable location (and would that require any special publishing
> rights)?
>
> **
> Martin
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>   

-- 
-Wicket for love

Nino Martinez Wael
Java Specialist @ Jayway DK
http://www.jayway.dk
+45 2936 7684


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
>> Do you think I should add it to the WIKI?
>
> Thats a great idea, the more info the better:)

I had a look at the wicket wiki:
http://cwiki.apache.org/WICKET/#Index-FrameworkDocumentation

Would you consider it it the right place or would you suggest a more
suitable location (and would that require any special publishing
rights)?

**
Martin

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Nino Saturnino Martinez Vazquez Wael <ni...@jayway.dk>.

Martin Makundi wrote:
> Ok. So I finally figured out my javascript syntax mistake. Do not use
> Wicket.Ajax.registerPreCallHandler(showBusysign()) but instead without
> the brackets with the function:
> Wicket.Ajax.registerPreCallHandler(showBusysign);
>   
Yes because calling it with brackets, does actually call the 
showBusysign method and gives the result to registerPreCallHandler.. 
Doing with out brackets passes the method as wanted.
> This snipplet is now complete and can be used with any application:
>
> <script type="text/javascript">
>   /* Your web page must contain this:
>    * <div id="busysign">Loading ...</div>
>    */
>   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('busysign').style.display ='none';
>   }
>
>   function showBusysign() {
>     document.getElementById('busysign').style.display ='inline';
>   }
>
>   function clickFunc(eventData) {
>     var clickedElement = (window.event) ? event.srcElement : eventData.target;
>     if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
> == 'A' || clickedElement.parentNode.tagName == 'A'
>       || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
> 'BUTTON' || clickedElement.type == 'SUBMIT'))) {
>       showBusysign();
>     }
>   }
> </script>
>
> Do you think I should add it to the WIKI?
>   
Thats a great idea, the more info the better:)
> **
> Martin
>
>
> 2008/6/8 Martin Makundi <ma...@koodaripalvelut.com>:
>   
>> Hi!
>>
>> In my understanding it should (IMHO) be possible to hook all ajax
>> calls without doing anything on the server side. I think your "add
>> onClick to an AjaxButton" issue involves attaching specific javascript
>> (from the server side) to a specific button. That's not what I need,
>> is it? I would have to roll out a new global ajax button having the
>> amendments....no. That's an overkill (is it the only solution???).
>>
>> I just want the indicator to become visible whenever any ajax request
>> starts and the indicator to be again hidden whenever the ajax request
>> stops/terminates. I do not want to affect the ajax behavior itself, I
>> just want to add one intermediate function call.
>>
>> There should be a generic clicent-side (browser) hook or way to tweak
>> this. I tried chaning the body onload setupfunc to the following,
>> which had the result that all ajaxfallbackbuttons fell back into
>> normal mode:
>>
>>  function setupFunc() {
>>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>    hideBusysign();
>>          Wicket.Ajax.registerPreCallHandler(showBusysign());
>>          Wicket.Ajax.registerPostCallHandler(hideBusysign());
>>          Wicket.Ajax.registerFailureHandler(hideBusysign());
>>  }
>>
>> So I just want to add the show/hideBusysign in addition to the
>> existing functionality. Do I have to fork wicket-ajax.js or is it
>> possible to achieve it using scripting within the markup file?
>>
>> **
>> Martin
>>
>> 2008/6/8 Eyal Golan <eg...@gmail.com>:
>>     
>>> check my posts on "add onClick to an AjaxButton" in the users list (I
>>> couldn't get the URL for it  ...)
>>> It seems that you have a similar  problem.
>>>
>>> Eyal
>>>
>>> On Sat, Jun 7, 2008 at 11:41 PM, Martin Makundi <
>>> martin.makundi@koodaripalvelut.com> wrote:
>>>
>>>       
>>>> Hi!
>>>>
>>>> Did I misunderstand something? I am not a javascript-wizard ;) I could
>>>> make it work perfectly with non-ajax buttons and links but it does not
>>>> seem to react to wicket ajax buttons.
>>>>
>>>> Here is the script code, pls take a look if there is a blatant bug (I
>>>> assumed I do not need to make any modifications onto the server side):
>>>>
>>>> <script type="text/javascript">
>>>>  /*
>>>>   * <div id="busysign">Loading ...</div>
>>>>   */
>>>>  window.onload = setupFunc;
>>>>
>>>>  Wicket.Ajax.registerPreCallHandler(showBusysign());
>>>>  Wicket.Ajax.registerPostCallHandler(hideBusysign());
>>>>  Wicket.Ajax.registerFailureHandler(hideBusysign());
>>>>
>>>>  function setupFunc() {
>>>>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>>>     hideBusysign();
>>>>  }
>>>>
>>>>  function hideBusysign() {
>>>>    document.getElementById('busysign').style.display ='none';
>>>>  }
>>>>
>>>>  function showBusysign() {
>>>>     document.getElementById('busysign').style.display ='inline';
>>>>  }
>>>>
>>>>   function clickFunc(eventData) {
>>>>    var clickedElement = (window.event) ? event.srcElement :
>>>> eventData.target;
>>>>    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
>>>> == 'A' || clickedElement.parentNode.tagName == 'A'
>>>>       || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>>>> 'BUTTON' || clickedElement.type == 'SUBMIT'))) {
>>>>      showBusysign();
>>>>    }
>>>>  }
>>>> </script>
>>>>
>>>>
>>>> **
>>>> Martin
>>>>
>>>> 2008/6/7 Peter Thomas <pt...@gmail.com>:
>>>>         
>>>>> On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
>>>>> wrote:
>>>>>
>>>>>           
>>>>>> wicket supports global javascript event handlers for this. either
>>>>>> search the list or look inside wicet-ajax.js, i cant recall them off
>>>>>> the top of my head.
>>>>>>
>>>>>>             
>>>>> They are mentioned in this thread:
>>>>>
>>>>> http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html
>>>>>
>>>>>
>>>>>           
>>>>>> -igor
>>>>>>
>>>>>> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
>>>>>> <ma...@koodaripalvelut.com> wrote:
>>>>>>             
>>>>>>> Hi!
>>>>>>>
>>>>>>> I am trying to maneuvre a lightweight gmail-style busy indicator to
>>>>>>> stay in place whenever I click an operative button.
>>>>>>>
>>>>>>> The script seems to work fine with regular submit buttons, but I have
>>>>>>> not found a proper way to reset the indicator in context with ajax
>>>>>>> buttons and links.
>>>>>>>
>>>>>>> Is there an event I could bind this to, or do I have to push some
>>>>>>> javascript from the server side / tweak the wicket-ajax.js? It would
>>>>>>> be pretty nice if I could just overload/hook-to something on
>>>>>>> javascript level.
>>>>>>>
>>>>>>> Here is my code:
>>>>>>>
>>>>>>> <style type="text/css">
>>>>>>> #busysign {
>>>>>>>  display: none;
>>>>>>>  float: right;
>>>>>>>  background: red;
>>>>>>>  margin-top: 5px;
>>>>>>>  margin-right: 5px;
>>>>>>>  z-index: 1000;
>>>>>>>  width: 200;
>>>>>>>  font-weight: bold;
>>>>>>>  text-align: center;
>>>>>>>  font-size: 1.3em;
>>>>>>> }
>>>>>>> </style>
>>>>>>> <script type="text/javascript">
>>>>>>>  window.onload = setupFunc;
>>>>>>>
>>>>>>>  function setupFunc() {
>>>>>>>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>>>>>>  }
>>>>>>>
>>>>>>>  function clickFunc(eventData) {
>>>>>>>    var clickedElement = (window.event) ? event.srcElement :
>>>>>>>               
>>>>>> eventData.target;
>>>>>>             
>>>>>>>    if (clickedElement.tagName == 'BUTTON'
>>>>>>>      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>>>>>>> 'button' || clickedElement.type == 'submit'))) {
>>>>>>>      document.getElementById('busysign').style.display ='inline';
>>>>>>>    }
>>>>>>>  }
>>>>>>> </script>
>>>>>>>
>>>>>>>
>>>>>>> I would equally well appreciate if you had some alternative generic
>>>>>>> lightweight solution :)
>>>>>>>
>>>>>>>
>>>>>>> **
>>>>>>> Martin
>>>>>>>
>>>>>>> ---------------------------------------------------------------------
>>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>>
>>>>>>>
>>>>>>>               
>>>>>> ---------------------------------------------------------------------
>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>
>>>>>>
>>>>>>             
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>
>>>>
>>>>         
>>> --
>>> Eyal Golan
>>> egolan74@gmail.com
>>>
>>> Visit: http://jvdrums.sourceforge.net/
>>> LinkedIn: http://www.linkedin.com/in/egolan74
>>>
>>>       
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>   

-- 
-Wicket for love

Nino Martinez Wael
Java Specialist @ Jayway DK
http://www.jayway.dk
+45 2936 7684


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
Ok. So I finally figured out my javascript syntax mistake. Do not use
Wicket.Ajax.registerPreCallHandler(showBusysign()) but instead without
the brackets with the function:
Wicket.Ajax.registerPreCallHandler(showBusysign);

This snipplet is now complete and can be used with any application:

<script type="text/javascript">
  /* Your web page must contain this:
   * <div id="busysign">Loading ...</div>
   */
  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('busysign').style.display ='none';
  }

  function showBusysign() {
    document.getElementById('busysign').style.display ='inline';
  }

  function clickFunc(eventData) {
    var clickedElement = (window.event) ? event.srcElement : eventData.target;
    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
== 'A' || clickedElement.parentNode.tagName == 'A'
      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
'BUTTON' || clickedElement.type == 'SUBMIT'))) {
      showBusysign();
    }
  }
</script>

Do you think I should add it to the WIKI?

**
Martin


2008/6/8 Martin Makundi <ma...@koodaripalvelut.com>:
> Hi!
>
> In my understanding it should (IMHO) be possible to hook all ajax
> calls without doing anything on the server side. I think your "add
> onClick to an AjaxButton" issue involves attaching specific javascript
> (from the server side) to a specific button. That's not what I need,
> is it? I would have to roll out a new global ajax button having the
> amendments....no. That's an overkill (is it the only solution???).
>
> I just want the indicator to become visible whenever any ajax request
> starts and the indicator to be again hidden whenever the ajax request
> stops/terminates. I do not want to affect the ajax behavior itself, I
> just want to add one intermediate function call.
>
> There should be a generic clicent-side (browser) hook or way to tweak
> this. I tried chaning the body onload setupfunc to the following,
> which had the result that all ajaxfallbackbuttons fell back into
> normal mode:
>
>  function setupFunc() {
>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>    hideBusysign();
>          Wicket.Ajax.registerPreCallHandler(showBusysign());
>          Wicket.Ajax.registerPostCallHandler(hideBusysign());
>          Wicket.Ajax.registerFailureHandler(hideBusysign());
>  }
>
> So I just want to add the show/hideBusysign in addition to the
> existing functionality. Do I have to fork wicket-ajax.js or is it
> possible to achieve it using scripting within the markup file?
>
> **
> Martin
>
> 2008/6/8 Eyal Golan <eg...@gmail.com>:
>> check my posts on "add onClick to an AjaxButton" in the users list (I
>> couldn't get the URL for it  ...)
>> It seems that you have a similar  problem.
>>
>> Eyal
>>
>> On Sat, Jun 7, 2008 at 11:41 PM, Martin Makundi <
>> martin.makundi@koodaripalvelut.com> wrote:
>>
>>> Hi!
>>>
>>> Did I misunderstand something? I am not a javascript-wizard ;) I could
>>> make it work perfectly with non-ajax buttons and links but it does not
>>> seem to react to wicket ajax buttons.
>>>
>>> Here is the script code, pls take a look if there is a blatant bug (I
>>> assumed I do not need to make any modifications onto the server side):
>>>
>>> <script type="text/javascript">
>>>  /*
>>>   * <div id="busysign">Loading ...</div>
>>>   */
>>>  window.onload = setupFunc;
>>>
>>>  Wicket.Ajax.registerPreCallHandler(showBusysign());
>>>  Wicket.Ajax.registerPostCallHandler(hideBusysign());
>>>  Wicket.Ajax.registerFailureHandler(hideBusysign());
>>>
>>>  function setupFunc() {
>>>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>>     hideBusysign();
>>>  }
>>>
>>>  function hideBusysign() {
>>>    document.getElementById('busysign').style.display ='none';
>>>  }
>>>
>>>  function showBusysign() {
>>>     document.getElementById('busysign').style.display ='inline';
>>>  }
>>>
>>>   function clickFunc(eventData) {
>>>    var clickedElement = (window.event) ? event.srcElement :
>>> eventData.target;
>>>    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
>>> == 'A' || clickedElement.parentNode.tagName == 'A'
>>>       || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>>> 'BUTTON' || clickedElement.type == 'SUBMIT'))) {
>>>      showBusysign();
>>>    }
>>>  }
>>> </script>
>>>
>>>
>>> **
>>> Martin
>>>
>>> 2008/6/7 Peter Thomas <pt...@gmail.com>:
>>> > On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
>>> > wrote:
>>> >
>>> >> wicket supports global javascript event handlers for this. either
>>> >> search the list or look inside wicet-ajax.js, i cant recall them off
>>> >> the top of my head.
>>> >>
>>> >
>>> > They are mentioned in this thread:
>>> >
>>> > http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html
>>> >
>>> >
>>> >>
>>> >> -igor
>>> >>
>>> >> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
>>> >> <ma...@koodaripalvelut.com> wrote:
>>> >> > Hi!
>>> >> >
>>> >> > I am trying to maneuvre a lightweight gmail-style busy indicator to
>>> >> > stay in place whenever I click an operative button.
>>> >> >
>>> >> > The script seems to work fine with regular submit buttons, but I have
>>> >> > not found a proper way to reset the indicator in context with ajax
>>> >> > buttons and links.
>>> >> >
>>> >> > Is there an event I could bind this to, or do I have to push some
>>> >> > javascript from the server side / tweak the wicket-ajax.js? It would
>>> >> > be pretty nice if I could just overload/hook-to something on
>>> >> > javascript level.
>>> >> >
>>> >> > Here is my code:
>>> >> >
>>> >> > <style type="text/css">
>>> >> > #busysign {
>>> >> >  display: none;
>>> >> >  float: right;
>>> >> >  background: red;
>>> >> >  margin-top: 5px;
>>> >> >  margin-right: 5px;
>>> >> >  z-index: 1000;
>>> >> >  width: 200;
>>> >> >  font-weight: bold;
>>> >> >  text-align: center;
>>> >> >  font-size: 1.3em;
>>> >> > }
>>> >> > </style>
>>> >> > <script type="text/javascript">
>>> >> >  window.onload = setupFunc;
>>> >> >
>>> >> >  function setupFunc() {
>>> >> >    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>> >> >  }
>>> >> >
>>> >> >  function clickFunc(eventData) {
>>> >> >    var clickedElement = (window.event) ? event.srcElement :
>>> >> eventData.target;
>>> >> >    if (clickedElement.tagName == 'BUTTON'
>>> >> >      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>>> >> > 'button' || clickedElement.type == 'submit'))) {
>>> >> >      document.getElementById('busysign').style.display ='inline';
>>> >> >    }
>>> >> >  }
>>> >> > </script>
>>> >> >
>>> >> >
>>> >> > I would equally well appreciate if you had some alternative generic
>>> >> > lightweight solution :)
>>> >> >
>>> >> >
>>> >> > **
>>> >> > Martin
>>> >> >
>>> >> > ---------------------------------------------------------------------
>>> >> > To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>> >> > For additional commands, e-mail: users-help@wicket.apache.org
>>> >> >
>>> >> >
>>> >>
>>> >> ---------------------------------------------------------------------
>>> >> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>> >> For additional commands, e-mail: users-help@wicket.apache.org
>>> >>
>>> >>
>>> >
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>
>>>
>>
>>
>> --
>> Eyal Golan
>> egolan74@gmail.com
>>
>> Visit: http://jvdrums.sourceforge.net/
>> LinkedIn: http://www.linkedin.com/in/egolan74
>>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
Hi!

In my understanding it should (IMHO) be possible to hook all ajax
calls without doing anything on the server side. I think your "add
onClick to an AjaxButton" issue involves attaching specific javascript
(from the server side) to a specific button. That's not what I need,
is it? I would have to roll out a new global ajax button having the
amendments....no. That's an overkill (is it the only solution???).

I just want the indicator to become visible whenever any ajax request
starts and the indicator to be again hidden whenever the ajax request
stops/terminates. I do not want to affect the ajax behavior itself, I
just want to add one intermediate function call.

There should be a generic clicent-side (browser) hook or way to tweak
this. I tried chaning the body onload setupfunc to the following,
which had the result that all ajaxfallbackbuttons fell back into
normal mode:

  function setupFunc() {
    document.getElementsByTagName('body')[0].onclick = clickFunc;
    hideBusysign();
	  Wicket.Ajax.registerPreCallHandler(showBusysign());
	  Wicket.Ajax.registerPostCallHandler(hideBusysign());
	  Wicket.Ajax.registerFailureHandler(hideBusysign());
  }

So I just want to add the show/hideBusysign in addition to the
existing functionality. Do I have to fork wicket-ajax.js or is it
possible to achieve it using scripting within the markup file?

**
Martin

2008/6/8 Eyal Golan <eg...@gmail.com>:
> check my posts on "add onClick to an AjaxButton" in the users list (I
> couldn't get the URL for it  ...)
> It seems that you have a similar  problem.
>
> Eyal
>
> On Sat, Jun 7, 2008 at 11:41 PM, Martin Makundi <
> martin.makundi@koodaripalvelut.com> wrote:
>
>> Hi!
>>
>> Did I misunderstand something? I am not a javascript-wizard ;) I could
>> make it work perfectly with non-ajax buttons and links but it does not
>> seem to react to wicket ajax buttons.
>>
>> Here is the script code, pls take a look if there is a blatant bug (I
>> assumed I do not need to make any modifications onto the server side):
>>
>> <script type="text/javascript">
>>  /*
>>   * <div id="busysign">Loading ...</div>
>>   */
>>  window.onload = setupFunc;
>>
>>  Wicket.Ajax.registerPreCallHandler(showBusysign());
>>  Wicket.Ajax.registerPostCallHandler(hideBusysign());
>>  Wicket.Ajax.registerFailureHandler(hideBusysign());
>>
>>  function setupFunc() {
>>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>>     hideBusysign();
>>  }
>>
>>  function hideBusysign() {
>>    document.getElementById('busysign').style.display ='none';
>>  }
>>
>>  function showBusysign() {
>>     document.getElementById('busysign').style.display ='inline';
>>  }
>>
>>   function clickFunc(eventData) {
>>    var clickedElement = (window.event) ? event.srcElement :
>> eventData.target;
>>    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
>> == 'A' || clickedElement.parentNode.tagName == 'A'
>>       || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>> 'BUTTON' || clickedElement.type == 'SUBMIT'))) {
>>      showBusysign();
>>    }
>>  }
>> </script>
>>
>>
>> **
>> Martin
>>
>> 2008/6/7 Peter Thomas <pt...@gmail.com>:
>> > On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
>> > wrote:
>> >
>> >> wicket supports global javascript event handlers for this. either
>> >> search the list or look inside wicet-ajax.js, i cant recall them off
>> >> the top of my head.
>> >>
>> >
>> > They are mentioned in this thread:
>> >
>> > http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html
>> >
>> >
>> >>
>> >> -igor
>> >>
>> >> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
>> >> <ma...@koodaripalvelut.com> wrote:
>> >> > Hi!
>> >> >
>> >> > I am trying to maneuvre a lightweight gmail-style busy indicator to
>> >> > stay in place whenever I click an operative button.
>> >> >
>> >> > The script seems to work fine with regular submit buttons, but I have
>> >> > not found a proper way to reset the indicator in context with ajax
>> >> > buttons and links.
>> >> >
>> >> > Is there an event I could bind this to, or do I have to push some
>> >> > javascript from the server side / tweak the wicket-ajax.js? It would
>> >> > be pretty nice if I could just overload/hook-to something on
>> >> > javascript level.
>> >> >
>> >> > Here is my code:
>> >> >
>> >> > <style type="text/css">
>> >> > #busysign {
>> >> >  display: none;
>> >> >  float: right;
>> >> >  background: red;
>> >> >  margin-top: 5px;
>> >> >  margin-right: 5px;
>> >> >  z-index: 1000;
>> >> >  width: 200;
>> >> >  font-weight: bold;
>> >> >  text-align: center;
>> >> >  font-size: 1.3em;
>> >> > }
>> >> > </style>
>> >> > <script type="text/javascript">
>> >> >  window.onload = setupFunc;
>> >> >
>> >> >  function setupFunc() {
>> >> >    document.getElementsByTagName('body')[0].onclick = clickFunc;
>> >> >  }
>> >> >
>> >> >  function clickFunc(eventData) {
>> >> >    var clickedElement = (window.event) ? event.srcElement :
>> >> eventData.target;
>> >> >    if (clickedElement.tagName == 'BUTTON'
>> >> >      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>> >> > 'button' || clickedElement.type == 'submit'))) {
>> >> >      document.getElementById('busysign').style.display ='inline';
>> >> >    }
>> >> >  }
>> >> > </script>
>> >> >
>> >> >
>> >> > I would equally well appreciate if you had some alternative generic
>> >> > lightweight solution :)
>> >> >
>> >> >
>> >> > **
>> >> > Martin
>> >> >
>> >> > ---------------------------------------------------------------------
>> >> > To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> >> > For additional commands, e-mail: users-help@wicket.apache.org
>> >> >
>> >> >
>> >>
>> >> ---------------------------------------------------------------------
>> >> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> >> For additional commands, e-mail: users-help@wicket.apache.org
>> >>
>> >>
>> >
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> For additional commands, e-mail: users-help@wicket.apache.org
>>
>>
>
>
> --
> Eyal Golan
> egolan74@gmail.com
>
> Visit: http://jvdrums.sourceforge.net/
> LinkedIn: http://www.linkedin.com/in/egolan74
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Eyal Golan <eg...@gmail.com>.
check my posts on "add onClick to an AjaxButton" in the users list (I
couldn't get the URL for it  ...)
It seems that you have a similar  problem.

Eyal

On Sat, Jun 7, 2008 at 11:41 PM, Martin Makundi <
martin.makundi@koodaripalvelut.com> wrote:

> Hi!
>
> Did I misunderstand something? I am not a javascript-wizard ;) I could
> make it work perfectly with non-ajax buttons and links but it does not
> seem to react to wicket ajax buttons.
>
> Here is the script code, pls take a look if there is a blatant bug (I
> assumed I do not need to make any modifications onto the server side):
>
> <script type="text/javascript">
>  /*
>   * <div id="busysign">Loading ...</div>
>   */
>  window.onload = setupFunc;
>
>  Wicket.Ajax.registerPreCallHandler(showBusysign());
>  Wicket.Ajax.registerPostCallHandler(hideBusysign());
>  Wicket.Ajax.registerFailureHandler(hideBusysign());
>
>  function setupFunc() {
>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>     hideBusysign();
>  }
>
>  function hideBusysign() {
>    document.getElementById('busysign').style.display ='none';
>  }
>
>  function showBusysign() {
>     document.getElementById('busysign').style.display ='inline';
>  }
>
>   function clickFunc(eventData) {
>    var clickedElement = (window.event) ? event.srcElement :
> eventData.target;
>    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
> == 'A' || clickedElement.parentNode.tagName == 'A'
>       || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
> 'BUTTON' || clickedElement.type == 'SUBMIT'))) {
>      showBusysign();
>    }
>  }
> </script>
>
>
> **
> Martin
>
> 2008/6/7 Peter Thomas <pt...@gmail.com>:
> > On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
> > wrote:
> >
> >> wicket supports global javascript event handlers for this. either
> >> search the list or look inside wicet-ajax.js, i cant recall them off
> >> the top of my head.
> >>
> >
> > They are mentioned in this thread:
> >
> > http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html
> >
> >
> >>
> >> -igor
> >>
> >> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
> >> <ma...@koodaripalvelut.com> wrote:
> >> > Hi!
> >> >
> >> > I am trying to maneuvre a lightweight gmail-style busy indicator to
> >> > stay in place whenever I click an operative button.
> >> >
> >> > The script seems to work fine with regular submit buttons, but I have
> >> > not found a proper way to reset the indicator in context with ajax
> >> > buttons and links.
> >> >
> >> > Is there an event I could bind this to, or do I have to push some
> >> > javascript from the server side / tweak the wicket-ajax.js? It would
> >> > be pretty nice if I could just overload/hook-to something on
> >> > javascript level.
> >> >
> >> > Here is my code:
> >> >
> >> > <style type="text/css">
> >> > #busysign {
> >> >  display: none;
> >> >  float: right;
> >> >  background: red;
> >> >  margin-top: 5px;
> >> >  margin-right: 5px;
> >> >  z-index: 1000;
> >> >  width: 200;
> >> >  font-weight: bold;
> >> >  text-align: center;
> >> >  font-size: 1.3em;
> >> > }
> >> > </style>
> >> > <script type="text/javascript">
> >> >  window.onload = setupFunc;
> >> >
> >> >  function setupFunc() {
> >> >    document.getElementsByTagName('body')[0].onclick = clickFunc;
> >> >  }
> >> >
> >> >  function clickFunc(eventData) {
> >> >    var clickedElement = (window.event) ? event.srcElement :
> >> eventData.target;
> >> >    if (clickedElement.tagName == 'BUTTON'
> >> >      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
> >> > 'button' || clickedElement.type == 'submit'))) {
> >> >      document.getElementById('busysign').style.display ='inline';
> >> >    }
> >> >  }
> >> > </script>
> >> >
> >> >
> >> > I would equally well appreciate if you had some alternative generic
> >> > lightweight solution :)
> >> >
> >> >
> >> > **
> >> > Martin
> >> >
> >> > ---------------------------------------------------------------------
> >> > To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> >> > For additional commands, e-mail: users-help@wicket.apache.org
> >> >
> >> >
> >>
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> >> For additional commands, e-mail: users-help@wicket.apache.org
> >>
> >>
> >
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>


-- 
Eyal Golan
egolan74@gmail.com

Visit: http://jvdrums.sourceforge.net/
LinkedIn: http://www.linkedin.com/in/egolan74

Re: Lightweight generic busy indicator

Posted by Martin Makundi <ma...@koodaripalvelut.com>.
Hi!

Did I misunderstand something? I am not a javascript-wizard ;) I could
make it work perfectly with non-ajax buttons and links but it does not
seem to react to wicket ajax buttons.

Here is the script code, pls take a look if there is a blatant bug (I
assumed I do not need to make any modifications onto the server side):

<script type="text/javascript">
  /*
   * <div id="busysign">Loading ...</div>
   */
  window.onload = setupFunc;

  Wicket.Ajax.registerPreCallHandler(showBusysign());
  Wicket.Ajax.registerPostCallHandler(hideBusysign());
  Wicket.Ajax.registerFailureHandler(hideBusysign());

  function setupFunc() {
    document.getElementsByTagName('body')[0].onclick = clickFunc;
    hideBusysign();
  }

  function hideBusysign() {
    document.getElementById('busysign').style.display ='none';
  }

  function showBusysign() {
    document.getElementById('busysign').style.display ='inline';
  }

  function clickFunc(eventData) {
    var clickedElement = (window.event) ? event.srcElement : eventData.target;
    if (clickedElement.tagName == 'BUTTON' || clickedElement.tagName
== 'A' || clickedElement.parentNode.tagName == 'A'
      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
'BUTTON' || clickedElement.type == 'SUBMIT'))) {
      showBusysign();
    }
  }
</script>


**
Martin

2008/6/7 Peter Thomas <pt...@gmail.com>:
> On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
> wrote:
>
>> wicket supports global javascript event handlers for this. either
>> search the list or look inside wicet-ajax.js, i cant recall them off
>> the top of my head.
>>
>
> They are mentioned in this thread:
>
> http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html
>
>
>>
>> -igor
>>
>> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
>> <ma...@koodaripalvelut.com> wrote:
>> > Hi!
>> >
>> > I am trying to maneuvre a lightweight gmail-style busy indicator to
>> > stay in place whenever I click an operative button.
>> >
>> > The script seems to work fine with regular submit buttons, but I have
>> > not found a proper way to reset the indicator in context with ajax
>> > buttons and links.
>> >
>> > Is there an event I could bind this to, or do I have to push some
>> > javascript from the server side / tweak the wicket-ajax.js? It would
>> > be pretty nice if I could just overload/hook-to something on
>> > javascript level.
>> >
>> > Here is my code:
>> >
>> > <style type="text/css">
>> > #busysign {
>> >  display: none;
>> >  float: right;
>> >  background: red;
>> >  margin-top: 5px;
>> >  margin-right: 5px;
>> >  z-index: 1000;
>> >  width: 200;
>> >  font-weight: bold;
>> >  text-align: center;
>> >  font-size: 1.3em;
>> > }
>> > </style>
>> > <script type="text/javascript">
>> >  window.onload = setupFunc;
>> >
>> >  function setupFunc() {
>> >    document.getElementsByTagName('body')[0].onclick = clickFunc;
>> >  }
>> >
>> >  function clickFunc(eventData) {
>> >    var clickedElement = (window.event) ? event.srcElement :
>> eventData.target;
>> >    if (clickedElement.tagName == 'BUTTON'
>> >      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
>> > 'button' || clickedElement.type == 'submit'))) {
>> >      document.getElementById('busysign').style.display ='inline';
>> >    }
>> >  }
>> > </script>
>> >
>> >
>> > I would equally well appreciate if you had some alternative generic
>> > lightweight solution :)
>> >
>> >
>> > **
>> > Martin
>> >
>> > ---------------------------------------------------------------------
>> > To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> > For additional commands, e-mail: users-help@wicket.apache.org
>> >
>> >
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> For additional commands, e-mail: users-help@wicket.apache.org
>>
>>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Lightweight generic busy indicator

Posted by Peter Thomas <pt...@gmail.com>.
On Sat, Jun 7, 2008 at 9:47 PM, Igor Vaynberg <ig...@gmail.com>
wrote:

> wicket supports global javascript event handlers for this. either
> search the list or look inside wicet-ajax.js, i cant recall them off
> the top of my head.
>

They are mentioned in this thread:

http://www.nabble.com/Re%3A-ajax-progress-indicator-p17020185.html


>
> -igor
>
> On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
> <ma...@koodaripalvelut.com> wrote:
> > Hi!
> >
> > I am trying to maneuvre a lightweight gmail-style busy indicator to
> > stay in place whenever I click an operative button.
> >
> > The script seems to work fine with regular submit buttons, but I have
> > not found a proper way to reset the indicator in context with ajax
> > buttons and links.
> >
> > Is there an event I could bind this to, or do I have to push some
> > javascript from the server side / tweak the wicket-ajax.js? It would
> > be pretty nice if I could just overload/hook-to something on
> > javascript level.
> >
> > Here is my code:
> >
> > <style type="text/css">
> > #busysign {
> >  display: none;
> >  float: right;
> >  background: red;
> >  margin-top: 5px;
> >  margin-right: 5px;
> >  z-index: 1000;
> >  width: 200;
> >  font-weight: bold;
> >  text-align: center;
> >  font-size: 1.3em;
> > }
> > </style>
> > <script type="text/javascript">
> >  window.onload = setupFunc;
> >
> >  function setupFunc() {
> >    document.getElementsByTagName('body')[0].onclick = clickFunc;
> >  }
> >
> >  function clickFunc(eventData) {
> >    var clickedElement = (window.event) ? event.srcElement :
> eventData.target;
> >    if (clickedElement.tagName == 'BUTTON'
> >      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
> > 'button' || clickedElement.type == 'submit'))) {
> >      document.getElementById('busysign').style.display ='inline';
> >    }
> >  }
> > </script>
> >
> >
> > I would equally well appreciate if you had some alternative generic
> > lightweight solution :)
> >
> >
> > **
> > Martin
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> > For additional commands, e-mail: users-help@wicket.apache.org
> >
> >
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

Re: Lightweight generic busy indicator

Posted by Igor Vaynberg <ig...@gmail.com>.
wicket supports global javascript event handlers for this. either
search the list or look inside wicet-ajax.js, i cant recall them off
the top of my head.

-igor

On Sat, Jun 7, 2008 at 8:59 AM, Martin Makundi
<ma...@koodaripalvelut.com> wrote:
> Hi!
>
> I am trying to maneuvre a lightweight gmail-style busy indicator to
> stay in place whenever I click an operative button.
>
> The script seems to work fine with regular submit buttons, but I have
> not found a proper way to reset the indicator in context with ajax
> buttons and links.
>
> Is there an event I could bind this to, or do I have to push some
> javascript from the server side / tweak the wicket-ajax.js? It would
> be pretty nice if I could just overload/hook-to something on
> javascript level.
>
> Here is my code:
>
> <style type="text/css">
> #busysign {
>  display: none;
>  float: right;
>  background: red;
>  margin-top: 5px;
>  margin-right: 5px;
>  z-index: 1000;
>  width: 200;
>  font-weight: bold;
>  text-align: center;
>  font-size: 1.3em;
> }
> </style>
> <script type="text/javascript">
>  window.onload = setupFunc;
>
>  function setupFunc() {
>    document.getElementsByTagName('body')[0].onclick = clickFunc;
>  }
>
>  function clickFunc(eventData) {
>    var clickedElement = (window.event) ? event.srcElement : eventData.target;
>    if (clickedElement.tagName == 'BUTTON'
>      || (clickedElement.tagName == 'INPUT' && (clickedElement.type ==
> 'button' || clickedElement.type == 'submit'))) {
>      document.getElementById('busysign').style.display ='inline';
>    }
>  }
> </script>
>
>
> I would equally well appreciate if you had some alternative generic
> lightweight solution :)
>
>
> **
> Martin
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org