1 Reply Latest reply on Apr 19, 2013 11:00 AM by dom_rf

    RichFaces 4.3.0 - In IE 8 click twice for the action to be performed, works in Chrome, Firefox and IE10

    dom_rf

      Hi,

       

      RichFaces version: 4.3.0

       

      I have a screen with 2 popups.

      In the screen a link to open the first popup and in each popup 2 button to switch between first an second popup and a clos button.

       

      In Chrome, Firefox and IE 10, it works fine.

      But in IE 8 it works poorly: you have to click twice on the buttons (switch and close) for the action to be performed.

       

      Have you any idea?

       

      Window code:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
        
                <h:html>
      
      
                <f:view contentType="text/html; charset=UTF-8" encoding="UTF-8">
                          <f:loadBundle var="msgRecherche" basename="bundle.recherche" />
      
      
                                    <ui:include page="../common/header.xhtml" />
                                    <ui:include page="../common/bandeauAvecMenu.xhtml" />
        
                                    <h:form id="ec0201_form" styleClass="center">
                                              <h:graphicImage value="#{msgAppli.img_blank}" height="5" />
                                              <h:panelGrid id="ec0201_pg_01" width="100%" columns="1">
      
      
                                                        <h:panelGrid id="ec0201_panelGridTitre" width="100%" columns="2"
                                                                  columnClasses="left, right">
                                                                  <h:outputText id="ec0201_txtTitre"
                                                                            value="#{msgRecherche.ec0201_titre}" styleClass="titre_page" />
                                                        </h:panelGrid>
      
      
                                                        <h:messages id="ec0201_msgError" globalOnly="true"
                                                                  errorClass="message_erreur" infoClass="message_info"
                                                                  showDetail="true" showSummary="false" />
                                              </h:panelGrid>
                                    </h:form>
        
                                    <h:form>
                                              <a4j:commandLink id="link1" action="#{rechercheController.visualisationProduit}" render="FormVisu1,FormVisu3">
                                                                                                <h:outputText id="texteRI" styleClass="outputText"
                                                                                                          value="Test" escape="false" />
                                                                                      </a4j:commandLink>
                                    </h:form>
        
                                    <h:form id="FormVisu1">
                                              <rich:popupPanel id="visu1_pd" domElementAttachment="form" 
                                              dynamic="true" showEffect="fade" hideEffect="scale"
                                              styleClass="panelDialog" modal="true" resizeable="false" autosized="true"
                                              position="center" show="#{rechercheController.showVisu1}">
                                              <f:facet name="header">
                                                        <h:outputText value="#{msgRecherche.ec0201_visualisation}" />
                                              </f:facet>
                                              <h:panelGroup id="groupVisu1" styleClass="panelGroup">
                                                                  <ui:include src="../visu/ec0303FicheProduitVisu1_content.xhtml" />
                                              </h:panelGroup>
                                              </rich:popupPanel>
                                    </h:form>
        
                                    <h:form id="FormVisu3" >
                                              <rich:popupPanel id="visu3_pd" domElementAttachment="form"
                                                        dynamic="true" showEffect="fade" hideEffect="scale"
                                                        styleClass="panelDialog" modal="true" resizeable="false"
                                                        position="center" show="#{rechercheController.showVisu3}" autosized="true">
                                                        <f:facet name="header">
                                                                  <h:outputText value="#{msgRecherche.ec0201_visualisation}" />
                                                        </f:facet>
                                                        <h:panelGroup id="groupVisu3" styleClass="panelGroup">
                                                                  <ui:include src="../visu/ec0301FicheProduitVisu3_content.xhtml" />
                                                        </h:panelGroup>
                                              </rich:popupPanel>
                                    </h:form>
                </f:view>
                </h:html>
      </ui:composition>
      

       

      Popups code:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <ui:composition xmlns="http://www.w3.org/1999/xhtml"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core" 
              xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:a4j="http://richfaces.org/a4j"
              xmlns:rich="http://richfaces.org/rich">
      
      
      <f:view id="ec0303_subView" contentType="text/html; charset=UTF-8" encoding="UTF-8">
                          <f:metadata>
                                     <f:event type="preRenderView" listener="#{visu1Controller.preRenderMethod}"/>
                          </f:metadata>
      <h:commandButton id="visu1_hxcb_fermer" styleClass="popup_fermer"
                        action="#{rechercheController.fermerVisu}"
                        image="#{msgAppli.btn_fermer}" type="submit" />
                        
                                    <h:panelGrid id="ec0303_main" width="100%" columns="1" styleClass="visuMainPanel">
        
                                              <h:panelGrid id="ec0303_ficheproduit" columns="1" width="100%" styleClass="visu1Content">
        
                                                        <h:panelGrid id="ec0303_panelGridTitre" width="100%" columns="2"
                                                                  columnClasses="left, right">
        
                                                                  <h:panelGrid id="ec0303_switchMode" columns="2"
                                                                            columnClasses="right, left">
                                                                            <h:commandButton id="ec0303_visu1" action="#{visu1Controller.switchToVisu1}"
                                                                                      image="#{msgAppli.btn_fiche_mode1}" ></h:commandButton>
                                                                            <h:commandButton id="ec0303_visu3" action="#{visu1Controller.switchToVisu3}"
                                                                                      image="#{msgAppli.btn_fiche_mode3}" ></h:commandButton>
                                                                  </h:panelGrid>
        
                                                                  <h:panelGrid id="ec0303_impression" width="100%" columns="1"
                                                                            columnClasses="right" rendered="#{visu1Controller.autoriseImpression}">
                                                                            <a4j:commandButton id="ec0303_hxcb_imprimer"
                                                                                      image="#{msgAppli.btn_imprimante}"
                                                                                      onclick="window.print(); return false;"></a4j:commandButton>
                                                                  </h:panelGrid>
                                                        </h:panelGrid>
        
                                                        <h:panelGroup id="ec0303_erreur" styleClass="cadreVisuMedia" rendered="#{visu1Controller.enErreur}">
                                                                  <h:messages id="ec0303_msgError" globalOnly="false"
                                                                            errorClass="message_info" infoClass="message_info" showDetail="true"
                                                                            showSummary="false" />
                                                        </h:panelGroup>
                                              </h:panelGrid>
        
                                    </h:panelGrid>
      </f:view>
      </ui:composition>
      

       

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <ui:composition xmlns="http://www.w3.org/1999/xhtml"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core" 
              xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:a4j="http://richfaces.org/a4j"
              xmlns:rich="http://richfaces.org/rich">
      
      <f:view  id="ec0301_subView" contentType="text/html; charset=UTF-8" encoding="UTF-8">
                          <f:metadata>
                                     <f:event type="preRenderView" listener="#{visu3Controller.preRenderMethod}"/>
                          </f:metadata>
        
      
      
                          <f:loadBundle var="msgVisu3" basename="bundle.visu3" />
                          <h:commandButton id="visu3_hxcb_fermer" styleClass="popup_fermer"
                        action="#{rechercheController.fermerVisu}"
                        image="#{msgAppli.btn_fermer}" type="submit" />
      
      
                                    <h:panelGrid id="ec0301_pg_01" width="100%" columns="1" styleClass="visu3Content">
        
                                              <h:panelGrid id="ec0301_ficheproduit_main" width="100%" columns="2"
                                                        columnClasses="centerTop zoneMedia, centerTop"
                                                        styleClass="cadreVert">
      
      
                                                        <h:panelGrid id="ec0301_pngrd_fp_medias" width="98%">
      
      
                                                                  <h:panelGrid id="ec0301_panelGridTitre" width="100%" columns="2"
                                                                            columnClasses="left, right">
        
                                                                            <h:panelGrid id="ec0301_switchMode" columns="2"
                                                                                      columnClasses="right, left">
                                                                                      <h:commandButton id="ec0301_visu1" action="#{visu3Controller.switchToVisu1}"
                                                                                                image="#{msgAppli.btn_fiche_mode1}"></h:commandButton>
                                                                                      <h:commandButton id="ec0301_visu3" action="#{visu3Controller.switchToVisu3}"
                                                                                                image="#{msgAppli.btn_fiche_mode3}"></h:commandButton>
                                                                            </h:panelGrid>
        
                                                                            <h:panelGrid id="ec0301_impression" width="100%" columns="1"
                                                                                      columnClasses="right" rendered="#{visu3Controller.autoriseImpression}">
                                                                                      <h:commandButton id="ec0301_hxcb_imprimer"
                                                                                                image="#{msgAppli.btn_imprimante}"
                                                                                                onclick="window.print(); return false;"></h:commandButton>
                                                                            </h:panelGrid>
                                                                  </h:panelGrid>
        
                                                                  <h:outputText value="#{msgVisu3.mediaPrincipal}"
                                                                            id="ec0301_ot_media_principal_titre" styleClass="titre_bloc"></h:outputText>
        
      
      
                                                        </h:panelGrid>
        
                                              </h:panelGrid>
        
                                              <h:messages id="ec0301_msgError" globalOnly="false"
                                                        errorClass="message_info" infoClass="message_info" showDetail="false"
                                                        showSummary="true" />
        
                                    </h:panelGrid>
      </f:view>
      </ui:composition>
      

       

      Thanks

        • 1. Re: RichFaces 4.3.0 - In IE 8 click twice for the action to be performed, works in Chrome, Firefox and IE10
          dom_rf

          Hi,

           

          For information, I solved the problem.

          In the file bandeauAvecMenu.xhtml, there was

           

               <h:form>

                    ---

                    <h:panelGrid>

                         ---

                    </h:panelGrid>

                    ---

               </h:form>

           

          that iI changed to:

               <h:panelGrid>

                         ---

                    <h:form>

                         ---

                    </h:form>

                         ---

               </h:panelGrid>

           

          and it works well...

           

          dom_rf.