<a4j:jsFunction> not "reRendering(render)" in IE8

[sumitghosh945]

In my application I have used Richfaces4.3.My problem is : I have a  <rich:popupPanel> in which there are two radio buttons<h:selectOneRadio> in the onChange event of <h:selectOneRadio> I have called a <a4j:jsFunction>.The functionality of this <a4j:jsfunction> is it will call a backing bean action method which will display a hidden <h:panelGrid> upon satisfaction of a specific condition.Initially the rendered property of <h:panelGrid> is false.I have controlled its rendered property dynamically through jsf el expression.but in IE8 this not function properly the problem is of refreshing the page.I had to refresh the page explicitly in IE8.

here is my code:

<rich:popupPanel id="paymentModalBox" width="712" resizeable="false" autosized="true" styleClass="#{browserDetect.userBrowser}">
    <h:form id="modalFrm">
        <a4j:region id="payRegion">
            <h:panelGrid id="firstpay_component">
                <h:outputText value="Apply Service Tax" />
                <h:selectOneRadio id="taxOption"  onchange="generateTax(this.value)" styleClass="adjust_servicetax_radio">
                    <f:selectItems value="#{approveBillController.taxoptionList}"/>
                </h:selectOneRadio>
               <a4j:jsFunction name="generateTax" actionListener="#{approveBillController.evaluateTax}"   render="tax_panel" execute="@this">
                    <a4j:param name="taxOp"/>
                </a4j:jsFunction>
            </h:panelGrid>
            <a4j:outputPanel id="tax_panel">
                <h:panelGrid id="tax_elements" rendered="#{approveBillController.taxComponent_visibility}">
                    <h:outputText value="Service Tax Amount" />
                    <h:inputText value="#{approveBillController.currentBill.serviceTaxAmount}" id="serviceTaxId" readonly="true" />
                    <h:outputText value=""  />
                    <h:outputText value="[Calculated @ 12% on Bill Amount]" />
                    <h:outputText value="Primary Education Cess" />
                    <h:inputText value="#{approveBillController.currentBill.cessAmount}" id="cessAmtId" readonly="true"/>
                    <h:outputText value="" />
                    <h:outputText value="[Calculated @ 0.24% on Bill Amount]" />
                    <h:outputText value="SHEC Amount" />
                    <h:inputText id="shecAmountId" value="#{approveBillController.currentBill.shecAmount}" readonly="true"/>
                    <h:outputText value=""/>
                    <h:outputText value="[Calculated @ 0.12% on Bill Amount]"/>
                </h:panelGrid>
            </a4j:outputPanel>
        </a4j:region>
    </h:form>
</rich:popupPanel>

[bleathem]

Try either:

1. Move your a4j:jsFunction out of the popupPanel.  It just defines a javascript function, it can live anywhere in the page.
2. Your use case doesn't seem to require the a4:jsFunction flexibility.  Tye nesting an <a4j:ajax> behavior in your h:selectOneRadio, responding to the "change" event

[sumitghosh945]

I have tried both of your suggestions but it didn't work.As I mentioned previously the problem is of refreshing the page.It worked properly in all other browser except IE8.in IE8 the page is not getting refreshed,after selecting the "yes" radio option I need to click at anywhere accross the form with mouse then only the table getting rendered.It is occuring only with IE8,in other browser there is no problem at all.So,I predict that it might be a browser issue related to IE.Can you give me any other solution ????????it's very urgent for my ongoing project.

[bleathem]

Are there any errors or messages in the console output of your browser?

[sumitghosh945]

No,there aro no errors in the console.I'm just not geeting what's the problem all about.It is working fine in all other browser.Only issue in ie8.please give me a solution I earnestly need one.

[bleathem]

How far does it get?  Does your jsFunction post a request to the server?  What comes back in the ajax response?

Try following these steps to debug the ajax postback, and share your results here.  We'll see if we can narrow down what is causing the issue in IE8:

https://gist.github.com/lfryc/6123495

[sumitghosh945]

I solved the problem.I was calling <a4j:jsFunction> method on the onChange event of <h:selectOneRadio>.It worked nicely in all other broser and also in IE9,IE10,but IE8 is not smart enough to refresh the page in onchange until the focus leave the control.That is why the elements got rendered when i clck anywhere across the form after selecting "yes" radio button.I have replaced onChange event with onClick event the problem got solved.