a4jcommandButton changing image

[prashantak]

Hi ,

I am using a4j:commandbutton as my button and I am using this as ...
<a4j:commandButton id="btncut" image="images\btn_cut.gif" action="second" ajaxSingle="true" title="cut button" alt="cut" onmouseover="toolbar_mouseOver('images/btn_cut-over.gif',this.id)" onmouseout="toolbar_mouseOut('images/btn_cut.gif',this.id)" onmousedown="toolbar_mouseDown('images/btn_cut-down.gif',this.id)" ></a4j:commandButton>

My requirement is that I have to change the image according to the "disabled attribute" as If it is disabled a different image should be used.

Plz help me ...

[ilya_shaikovsky]

check in your client side functions that performs chnge the images if the button disabled.

Or did I miss something?

[prashantak]

Can you send me some workaround as there is no attribute like 'Disabled Icon' that will change image runtime acording to the disabled attribute .

Can you plz explain more as I din't get your ans.

Thanx Prashantak,

[ilya_shaikovsky]

simplified example

<a4j:commandButton disabled="..." image="/pages/colorado.gif" action="greeting" onmouseover="changeicon()" id="button"></a4j:commandButton>

and JS:

function changeicon(){
 if (document.getElementById('form:button').disabled==false){
 document.getElementById('form:button').src='nebraska.gif';
 };
 };

So just check if the button disabled and then changing icon