1 Reply Latest reply on May 22, 2009 6:32 AM by ilya_shaikovsky

    Ajax request never completes in IE (modalPanel + a4j:status)

    rajshake

      When I added a <a4:status> that opens a modal Panel that acts like a progress bar, any ajax request submitted from a commandLink on any modalPanel never completes.

      1. If I remove the <a4:status> then everything is fine.
      2. If I replace the oncomplete with onclick, then everything is fine
      3. This problem is only in IE7, not with Firefox.

      Environment: RichFaces 3.1.3 on Tomcat 6.0

      Here are the code snippets:


      <!-- this is in the parent page -->
      <a4j:status id="s2t2_status" onstart="javascript:pleaseWait();" onstop="javascript:hidePleaseWait()" />

      <!-- this is inside a modalPabnel -->
      <a4j:commandLink id="chooseContactSite" action="#{currentBean.chooseContactAction}" oncomplete="javascript:Richfaces.hideModalPanel('contactListModalPane')" reRender="customerInformation,customerInfo,contactInfo,siteMessages,otherInfo,productInfo" ajaxSingle="false" rendered="#{!currentBean.viewEditSpecify}">
      <h:outputText value="#{record.contactId}" />
      <f:param name="contactId" value="#{record.contactId}"/>
      </a4j:commandLink>

      <!-- Javascript functions -->

      function pleaseWait() {

      Richfaces.showModalPanel('ajaxLoadingModalBox',{width:450, top:200});

      }
      function hidePleaseWait() {
      Richfaces.hideModalPanel('ajaxLoadingModalBox');
      }

      <!-- Progress Bar modalPanel -->
      <rich:modalPanel id="ajaxLoadingModalBox" height="150" width="150" zindex="9999">
      <h:panelGrid id="pleaseWaitGrid" columns="1" cellspacing="2" columnClasses="centerAlign" width="100%" border="0" style="border: 0px solid black;">
      <h:outputText styleClass="message" style="color: #000000;" value="Processing, Please Wait..." escape="false" />


      </h:panelGrid>
      </rich:modalPanel>