0 Replies Latest reply on Feb 3, 2011 1:50 AM by sumanjara

    Multiple popups doesnt open in IE, works fine in Firefox

    sumanjara

      Multiple popupwindows doesnt open in IE, works fine in Firefox.

       

      Code below:

       

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html 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:head />

      <h:body>

          <h:form id="locals">

              <f:view>

                  <h:commandButton value="Open popup Window 1">

                      <rich:componentControl target="popup" operation="show" />

                  </h:commandButton>

                  <h:commandButton value="Click to open  popup window 2 ">

                      <rich:componentControl target="popupTWO" operation="show" />

                  </h:commandButton>

       

                  <rich:popupPanel show="true" id="popup" modal="false"

                      resizeable="true"

                      onmaskclick="#{rich:component('locals:popup')}.hide()">

                      <f:facet name="header">

                          <h:outputText value="Simple popup panel" />

                      </f:facet>

                      <f:facet name="controls">

                          <h:outputLink value="#"

                              onclick="#{rich:component('locals:popup')}.hide(); return false;">

                              X

                      </h:outputLink>

                      </f:facet>

                      <p>Additionally there you could check how to handle the clicks

                      outside the panel.</p>

                      <p>In this sample the click outside - closes the panel as well

                      as clicking hide control in the header</p>

                  </rich:popupPanel>

       

       

       

                  <rich:panel id="dg" style="height:500px;">

                      <rich:popupPanel id="popupTWO" modal="false" resizeable="true"

                          onmaskclick="#{rich:component('locals:popupTWO')}.hide()">

                          <f:facet name="header">

                              <h:outputText value="Simple popup panel 2" />

                          </f:facet>

                          <f:facet name="controls">

                              <h:outputLink value="#"

                                  onclick="#{rich:component('locals:popupTWO')}.hide(); return false;">

                              X

                      </h:outputLink>

                          </f:facet>

                          <p>SS Additionally there you could check how to handle the

                          clicks outside the panel.</p>

                          <p>In this sample the click outside - closes the panel as well

                          as clicking hide control in the header</p>

                      </rich:popupPanel>

                  </rich:panel>

              </f:view>

          </h:form>

      </h:body>

      </html>