How to disable a:button after it is clicked?

[phantasmo]

I have a "vote" button that a user should be permitted to press only once (one vote per user). The panel with the button will get rerendered and the button will disappear when the ajax response is received, but if the button is not disabled right after the initial click, the user might press it a few more times while the request is being processed. Of course, I can properly handle this event on the server side, but if I could get the button disabled, it would be quite helpful.

I'm guessing I can put javascript somewhere to disable the button, but I have no clue where should it be placed...

Any advice is appreciated.

[gopib]

Hi phantasmo, are u using <a4j:button> or <h:button> or <s:button>, send your code.

[liuliu]

onclick="this.disabled=disabled"?

[phantasmo]

"gopib" wrote:
Hi phantasmo, are u using <a4j:button> or <h:button> or <s:button>, send your code.

Currently, I have an <a4j:commandButton> (I have accidentally written "a:button" in the topic), but this can change if necessary.

"liuliu" wrote:


onclick="this.disabled=disabled"?

Yes, exactly. That would be the script I'd use, but I have no clue where to place it as, at least from what I know, <a4j:commandButton> produces it's own onclick handler. So, I need the script you mentioned to run before any other onclick action.

I feel I am asking for something very obvious... if that's truly the case, please forgive, I have just started with RichFaces...

[janakiramnarla]

use this for commandButton onclick="this.disabled=true;"

[janakiramnarla]

u can use this also
onclick="#{rich:component('wait-dialog-invisible')}.show()" oncomplete="#{rich:component('wait-dialog-invisible')}.hide()"

<rich:modalPanel id="wait-dialog-invisible" resizeable="false"
style="filter: alpha(opacity = 0);opacity: 0;" autosized="false"
width="10" height="10" moveable="false" left="-100" top="-100"
shadowOpacity="0" />

[phantasmo]

Huh, I really didn't think it was that straight forward.
Thanks a lot for the help!