1 2 Previous Next 16 Replies Latest reply on Nov 21, 2011 6:28 PM by rbcap

    Problem with rich:popupPanel in IE6

    rbcap

      Hi, my english is not so well. I have a problem with the component rich:popupPanel in the browser IE6, It doesn't 'pop up', the pannel appears in the bottom's page. Does somebody know which is the solution?

      I'm using richFaces 4.0.

       

      The code below is the popupPannel code, it has a datatable in its content.

       

      <!--LINK AMPLIAR CARRITO JUNTO CON SU POPUP PARA VERLO AMPLIADO                -->

       

      <a4j:commandLink styleClass="no-decor" title="ampliar" style="float: right;">

      <h:graphicImage value="imagenes/iconos/ampliar.jpg" alt="ampliar" />

      <rich:componentControl event="click" target="popupCarrito" operation="show" />

      </a4j:commandLink>

       

      <rich:popupPanel  id="popupCarrito" modal="true" autosized="true" headerClass="barraPopup"onmaskclick="#{rich:component('popupCarrito')}.hide()">

      <f:facet name="header">

           <h:outputText value="Detalle del Pedido" />

      </f:facet>

      <f:facet name="controls">

           <h:outputLink value="#" styleClass="no-decor" title="cerrar"onclick="#{rich:component('popupCarrito')}.hide(); return false;"><h:graphicImage value="imagenes/iconos/cerrar.png" alt="cerrar" /></h:outputLink>

      </f:facet>

       

      <!--DATATABLE AMPLIADO-->

       

      <rich:dataTable id="TablaCarritoAmpliado" noDataLabel="No existe ningún producto"value="#{modelo.productosBo.pedidoOnline.lineasDePedido}" var="lineaPedido"iterationStatusVar="it" style="width: 100%; margin-top: 5px;" rowClasses="odd-row1,even-row1">

      <rich:column style="margin-left: 0px;margin-right: 0px;">

           <h:outputText value="#{lineaPedido.nroLineaPedido}."/>

      </rich:column>

      <rich:column>

           <f:facet name="header">

                <h:outputText value="Producto"/>

           </f:facet>

           <h:outputText value="#{lineaPedido.producto.descProducto}"/>

      </rich:column>

      <rich:column>

           <f:facet name="header">

                <h:outputText value="Presentación"/>

           </f:facet>

           <h:outputText value="#{lineaPedido.producto.presentacion}"/>

      </rich:column>

      <rich:column style="text-align: right;">

           <f:facet name="header">

                <h:outputText value="Cant."/>

           </f:facet>

           <h:outputText value="#{lineaPedido.cantProducto}"/>

      </rich:column>

      <rich:column style="text-align: right;">

           <f:facet name="header">

                <h:outputText value="Precio"/>

           </f:facet>

           <h:outputText value="#{lineaPedido.producto.precio}"/>

      </rich:column>

      <rich:column style="text-align: right;">

           <f:facet name="header">

                <h:outputText value="Imp."/>

           </f:facet>

           <h:outputText value="#{lineaPedido.importeLinea}"/>

      </rich:column>

      <rich:column>

           <a4j:commandLink styleClass="no-decor" execute="@this"render="@none" oncomplete="{rich:component('confirmPaneEliminarFilaAmpliado')}.show()" >

                <h:graphicImage value="imagenes/iconos/delete.gif" alt="delete" />

                <a4j:param value="#{it.index}" assignTo="#{modelo.productosBo.currentLineaIndex}" />

           </a4j:commandLink>

      </rich:column>

      <f:facet name="footer">

           <rich:columnGroup>

                <rich:column></rich:column>

                <rich:column></rich:column>

                <rich:column></rich:column>

                <rich:column>

                     <h:outputText style="font-weight: bold;" value="Total"/>

                </rich:column>

                <rich:column>

                     <h:outputText value="#{modelo.productosBo.pedidoOnline.montoTotal}"/>

                </rich:column>

                <rich:column></rich:column>

                </rich:columnGroup>

      </f:facet>

      </rich:dataTable>

       

      <a4j:region>

           <a4j:commandButton value="Limpiar" render="TablaCarrito,TablaCarritoAmpliado"oncomplete="#{rich:component('confirmPaneLimpiarPedidoAmpliado')}.show();"style="float:left; margin-top: 5px; margin-bottom: 5px;"/>

           </a4j:region>

       

      </rich:popupPanel>

       

      NOTE: I test the component in Firefox and it works correctly.    

       

      Thanks.

        • 1. Problem with rich:popupPanel in IE6
          snaker

          Que es lo que te pasa exactamente? aunque no se si podre ayudarte si estamos hablando de un ie 6

          • 2. Problem with rich:popupPanel in IE6
            rbcap

            Hola kike, el problema que tengo como dije arriba es que no me funciona el componente rich:popupPanel en IE6, en los demás browser me funciona perfectamente, en cambio en IE6 me muestra el popup abajo de la pagina web y el boton de cerrar (X) del "popup" aparece en la esquina superior derecha.

             

            No se si será un bug de richfaces o hay algo q estoy haciendo mal.

             

            Saludos!

            • 3. Problem with rich:popupPanel in IE6
              snaker

              bufff... me parece que yo no te voy a poder ayudar...porque utilizar explorer 6 con las nuevas tecnologias..., seguro que aparte del popup funcionaran mal otras cosas de rich faces, es normal que con firefox te funcione, ya que es mas actual.

              Cual es el inconveniente de instalar explorer 7?

              • 4. Problem with rich:popupPanel in IE6
                snaker

                de todas formas en los atributos del poupPanel prueba con top="250" que sirve para posicionar el popup a 250 px del marco superior de la ventana del explorador, a ver que te sale

                • 5. Problem with rich:popupPanel in IE6
                  nbelaevski

                  Hi Renzo,

                   

                  RichFaces 4 does not support IE6, you either have to use RF 3.3.x or upgrade to at least IE 7.

                  • 6. Problem with rich:popupPanel in IE6
                    rbcap

                    Thanks Nick for your answer,

                     

                    Can´t i integrate the two versions of richfaces? Because i'd like to use 4.0 version. I don´t want upgrade to IE7 because i'd like to have compatibility with all browsers.

                    • 7. Problem with rich:popupPanel in IE6
                      lfryc

                      I would like to add my five cents and refer to world-wide browser usage statistics [1] where IE6 have 2.4%.

                       

                      [1] http://www.w3schools.com/browsers/browsers_stats.asp

                       

                       

                      Integration of two versions of RichFaces is not possible in one application, but you can run two applications on one application server which will use different versions.

                      • 8. Re: Problem with rich:popupPanel in IE6
                        pablo53

                        The same problem concerns IE 8. Popup panels fall into the bottom.

                         

                        Regards,

                         

                        ---

                         

                         

                        El mismo problema toca al IE 8. Popups caen abajo de la página.

                         

                        Attentamente,

                        • 9. Re: Problem with rich:popupPanel in IE6
                          pablo53

                          The latest news say that IE7 does not do the job.

                           

                          --

                           

                          Las últimas noticias dicen que el IE7 tampoco funciona bien.

                          • 10. Re: Problem with rich:popupPanel in IE6
                            pablo53

                            I have found the reason that IE puts popups into the bottom of the page. This is a lack of DOCTYPE declaration at the very beginning of the document. If I put <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> IE starts to work properly.

                             

                            Try it!

                            --

                             

                            He encontrado por qué el IE pone los popups abajo de la página. Es por no incluyir una declaracion DOCTYPE por lo que nos sucede todo eso. Justo al incluyir una declaración así, por ejemplo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">, IE empieza a funcionar como esperamos.

                             

                            ¡Pruebalo!

                            • 11. Re: Problem with rich:popupPanel in IE6
                              rbcap

                              I tried to put this DOCTYPE declaration at beginning every document but i don't get to work properly. I want to clarify that I use template and I put the tag <ui:composition> at all documents (below I put the code), the documents are xhtml extensions. Also I tried to work without template (without tag <ui:composition>) but the result is the same, it doesn't work correctly.

                               

                              index.xhtml

                               

                              <!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"

                              xmlns:fn="http://java.sun.com/jsp/jstl/functions"

                              xmlns:c="http://java.sun.com/jsp/jstl/core"

                              template="../WEB-INF/jsp/estructura/template.xhtml">

                                   <ui:define name="cuerpo">

                                        ---

                                        ---

                                        ---

                                   </ui:define>

                              </ui:composition>

                               

                               

                              template.xhml


                              <!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:ui="http://java.sun.com/jsf/facelets"

                              xmlns:h="http://java.sun.com/jsf/html"

                              xmlns:f="http://java.sun.com/jsf/core">

                              <f:view>

                                   <h:head>

                                        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

                                        <link href="css/estructura.css" rel="stylesheet" type="text/css" />

                                        <link href="css/menuCss.css" rel="stylesheet" type="text/css" />

                                        <title>Page</title>

                                   </h:head>

                                   <h:body>

                                        <div id="Contenedor" class="Contenedor">

                                             <div id="Header" class="Header">

                                                  <ui:include src="header.xhtml"/>

                                             </div>

                                             <div id="Cuerpo" class="Cuerpo">

                                                  <ui:insert name="cuerpo"/>

                                             </div>

                                             <div id="Footer">

                                                  <ui:include src="footer.xhtml"/>

                                             </div>

                                        </div>

                                   </h:body>

                              </f:view>

                              </html>

                               

                              Regards.

                              • 12. Re: Problem with rich:popupPanel in IE6
                                pablo53

                                Can You show us the page source from the browser? BTW: The compatibility view is necessary.

                                 

                                --

                                 

                                ¿Podrías enseñarnos el código HTML tal como se envia al navegador? A propósito, además se necesita  la vista de compatibilidad.

                                • 13. Re: Problem with rich:popupPanel in IE6
                                  rbcap

                                  Hi, Pawel.

                                   

                                  Below I put the page source from the browser Firefox 4. The code is too complex to watch it in this way, i hope you it be useful.

                                   

                                  I have tested to change some properties in the css from the RichFaces's library (in this file "richfaces-components-ui-4.0.0.Final.jar") and I have watched that the page's view changes too. The popup property in this css have position fixed, this position is not compatible with IE6, Could this be the problem?

                                   

                                  Thanks.

                                   

                                  Regards.

                                   

                                  -------------

                                   

                                  Hola Pawel.

                                   

                                  Debajo pongo el codigo fuente de la página desde el navegador Firefox 4. El código es demasiado complejo para verlo de esta manera, espero que les sea útil.

                                   

                                  He probado a cambiar algunas propiedades en la CSS de la biblioteca de RichFaces (en este archivo "richfaces-components-ui-4.0.0.Final.jar") y he observado que la pagina también cambia. La propiedad del popup en esta css tiene posicion fixed, esta posicion no es compatible con IE6, Prodria ser este el problema?

                                   

                                  Gracias.

                                   

                                  Saludos.

                                   

                                  -----------

                                   

                                  <!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">

                                  <head>

                                       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

                                       <link href="css/estructura.css" rel="stylesheet" type="text/css" />

                                       <link href="css/menuCss.css" rel="stylesheet" type="text/css" />

                                       <title>Farma+Web</title>

                                       <link type="text/css" rel="stylesheet" href="/farmaweb/rfRes/skinning.ecss.faces?db=eAHrMlTcCQADugGW" />

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/jsf.js.faces?ln=javax.faces&amp;stage=Development"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/jquery.js.faces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/richfaces.js.faces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/richfaces-queue.js.faces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/richfaces-base-component.js.faces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/status.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/popupPanel.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/popupPanelBorders.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/popupPanelSizer.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/richfaces-event.js.faces"></script>

                                       <link type="text/css" rel="stylesheet" href="/farmaweb/rfRes/popupPanel.ecss.faces?db=eAHrMlTcCQADugGW&amp;ln=org.richfaces" />

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/togglePanel.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/togglePanelItem.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/collapsiblePanel.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/collapsiblePanelItem.js.faces?ln=org.richfaces"></script>

                                       <link type="text/css" rel="stylesheet" href="/farmaweb/rfRes/icons.ecss.faces?db=eAHrMlTcCQADugGW&amp;ln=org.richfaces" />

                                       <link type="text/css" rel="stylesheet" href="/farmaweb/rfRes/collapsiblePanel.ecss.faces?db=eAHrMlTcCQADugGW&amp;ln=org.richfaces" />

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/component-control.js.faces?ln=org.richfaces"></script>

                                       <script type="text/javascript" src="/farmaweb/javax.faces.resource/datatable.js.faces?ln=org.richfaces"></script>

                                       <link type="text/css" rel="stylesheet" href="/farmaweb/rfRes/datatable.ecss.faces?db=eAHrMlTcCQADugGW&amp;ln=org.richfaces" />

                                       <style type="text/css">

                                       * .headerCarrito{height:15px;text-align:right;margin:0px;padding:2px;}

                                       .rf-cp-ico{margin:0px;padding:0px;}

                                       .pic {margin-bottom: -4px;margin-right: 2px;}

                                       .search .rf-ddm-itm-sel {background-color: transparent;background-image:none;border-color: transparent;cursor: default;}

                                       .MenuBoton{width:120px;height:30px;border:0px;overflow:hidden;display:block;float:left;margin:0px;padding:0px;}

                                       .MenuBoton:hover{text-indent:-120px;}

                                       .MenuBotonDerecha{width:120px;height:30px;border:0px;overflow:hidden;display:block;float:right;margin:0px;padding:0px;}

                                       .MenuBotonDerecha:hover{text-indent:-120px;}

                                       a.no-decor>img {border: none;}

                                       .even-row1{background-color: #FFFFFF;}

                                       .odd-row1{background-color: #fcfcc9;}

                                       .barraPopup{padding:5px;}

                                       </style>

                                       </head>

                                       <body>

                                            <div id="Contenedor" class="Contenedor">

                                                 <div id="Header" class="Header">

                                                      <style type="text/css">

                                                           a.btnBuscar{width:22px;height:22px;border:none;overflow:hidden;display:block;float:left;margin:0px;padding:0px;}

                                                           a.btnBuscar:hover{text-indent:-22px;}

                                                      </style>

                                                      <div id="Logo">

                                                           <a href="index.xhtml" title="FarmaWeb - Logo" tabindex="-1"><img src="imagenes/estructura/Header - Logo.png" alt="FarmaWeb - Logo" height="150" width="371" border="0" /></a>

                                                      </div>

                                                      <div id="Ruta">dsfa</div>

                                                      <div class="menu1"><ul><li><a class="menu1one" href="#nogo"><span class="lala">Inicio</span></a></li></ul><ul><li><a class="menu1two" href="productos.xhtml"><span class="lala">Productos</span><!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE 8]></a><![endif]--><table><tr><td><ul><li><a class="drop" href="#nogo">Medicamentos<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE 8]></a><![endif]--><table><tr><td><ul><li><a href="#nogo">Acciones Terapéuticas</a></li></ul></td></tr></table><!--[if IE 6]></a><![endif]--></li><li><a href="#nogo">Perfumería</a></li></ul></td></tr></table><!--[if IE 6]></a><![endif]--></li><li><a class="menu1three" href="#nogo"><span class="lala">Búsqueda</span></a></li><li><a class="menu1four" href="misPedidos.xhtml"><span class="lala">Mis Pedidos</span></a></li><li style="float:right; background-image:url(imagenes/estructura/Fondo-Identificate.png); background-repeat:repeat-x;"><a class="menu1five" href="login.xhtml"><span class="lala">Identificate!</span></a></li><li style="float:right; background-image:url(imagenes/estructura/Fondo-Registrate.png); background-repeat:repeat-x;"><a class="menu1six" href="#nogo"><span class="lala">Registrate!</span></a></li></ul></div>

                                   

                                                      <form id="sesionUsuario" name="sesionUsuario" method="post" action="/farmaweb/pages/index.faces;jsessionid=E1DFAFB35E4E583914D81080F8995300" enctype="application/x-www-form-urlencoded" style="visibility:hidden;position: absolute; left: 713px; top:122px; z-index: 2;"><input type="hidden" name="sesionUsuario" value="sesionUsuario" /><div style="height: 28px; width: 188px; background: url(imagenes/estructura/FondoBienvenidaUsuario.jpg);"><table style="margin-top: 2px; float: left;"><tbody><tr><td><span style="color:#FFFFFF; font-size: 14px; margin-left: 5px;">Hola</span></td><td><span style="color:gold; font-size: 14px; font-weight: bold;">!</span></td></tr></tbody></table><a href="#" id="sesionUsuario:j_idt30" name="sesionUsuario:j_idt30" onclick="RichFaces.ajax(&quot;sesionUsuario:j_idt30&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" class="no-decor" title="cerrar sesión"><img src="imagenes/iconos/iconoCerrarSesion.jpg;jsessionid=E1DFAFB35E4E583914D81080F8995300" height="21px" style="border: none;float: right;margin: 3px 4px 0px 0px;" width="24px" /></a></div><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="9127313286892649601:1996785262588641055" autocomplete="off" /></form><span id="j_idt33" style="display: none;"><script type="text/javascript">cerrarSesion=function(){RichFaces.ajax("j_idt33",null,{"incId":"1"} )};</script></span><div style="padding-left:5px;padding-top:0px; height: 25px; width: 250px; background: url(imagenes/estructura/FondoCarrito.jpg); background-repeat: no-repeat; float: left;color:#FFFFFF;"><table style="margin-top: -2px;"><tbody><tr><td><span style="font-size: 12px; ">Producto: </span></td><td><input type="text" name="j_idt37" /></td><td><a href="#" id="j_idt38" name="j_idt38" onclick="RichFaces.ajax(&quot;j_idt38&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" class="btnBuscar"><img src="/farmaweb/imagenes/botones/buscar.png;jsessionid=E1DFAFB35E4E583914D81080F8995300" height="22" style="border:none;" width="44" /></a></td></tr></tbody></table></div><div style="padding-top:0px; height: 25px; width: 330px; background: url(imagenes/estructura/FondoBusquedaRapida.jpg); background-repeat: repeat-x; float: right;color:#FFFFFF;"><span id="j_idt41"><span style="display:none" class="rf-st-start"></span><span class="rf-st-stop"></span><script type="text/javascript">new RichFaces.ui.Status("j_idt41",{"onstop":function(event){RichFaces.$('statPane').hide()},"onstart":function(event){RichFaces.$('statPane').show()}} )</script></span><div id="statPane" style="visibility: hidden;"><div class="rf-pp-shade" id="statPane_shade" style="z-index:100;"><button class="rf-pp-btn" id="statPaneFirstHref"></button></div><div class="rf-pp-cntr " id="statPane_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="statPane_shadow"></div><div class="rf-pp-cnt-scrlr" id="statPane_content_scroller"><div class="rf-pp-cnt" id="statPane_content"><img src="imagenes/iconos/ai.gif;jsessionid=E1DFAFB35E4E583914D81080F8995300" alt="ai" />espere...</div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("statPane",{"autosized":true} );</script></div><form id="formCarrito" name="formCarrito" method="post" action="/farmaweb/pages/index.faces;jsessionid=E1DFAFB35E4E583914D81080F8995300" enctype="application/x-www-form-urlencoded"><input type="hidden" name="formCarrito" value="formCarrito" /><div id="formCarrito:Carrito" class="rf-cp rf-tgp" style="position: absolute; right: 5px; top:180px;width: 280px; z-index: 30;"><input id="formCarrito:Carrito-value" name="formCarrito:Carrito-value" type="hidden" value="false" /><script type="text/javascript">new RichFaces.ui.CollapsiblePanel("formCarrito:Carrito",{"switchMode":"client","ajax":{"incId":"1"} ,"activeItem":"false"} )</script><div id="formCarrito:Carrito:header" class="rf-cp-hdr rf-cp-hdr-colps headerCarrito"><table class="rf-cp-gr"><tbody><tr><td class="rf-cp-ico"><div class="rf-cp-ico-colps rf-ico-chevron-up-hdr"></div><div class="rf-cp-ico-exp rf-ico-chevron-down-hdr"></div></td><td class="rf-cp-lbl"><div class="rf-cp-lbl-exp">Mi Carrito</div><div class="rf-cp-lbl-colps">Mi Carrito</div></td></tr></tbody></table></div><div id="formCarrito:Carrito:content" class="rf-cp-b" style="display:none">

                                   

                                  <!--LINK AMPLIAR CARRITO JUNTO CON SU POPUP PARA VERLO AMPLIADO                -->

                                  <a href="#" id="formCarrito:j_idt45" name="formCarrito:j_idt45" onclick="jsf.util.chain(this,event,&quot;RichFaces.ui.ComponentControl.execute(event,{\&quot;selector\&quot;:null,\&quot;target\&quot;:[\&quot;formCarrito:popupCarrito\&quot;\u005D ,\&quot;callback\&quot;:function(event,component){component['show'\u005D.apply(component,[\u005D );}} ); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt45\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="no-decor" style="float: right;" title="ampliar"><img src="imagenes/iconos/ampliar.jpg;jsessionid=E1DFAFB35E4E583914D81080F8995300" alt="ampliar" style="border:none;" /></a><div id="formCarrito:popupCarrito" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:popupCarrito_shade" onclick="RichFaces.$('formCarrito:popupCarrito').hide()" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:popupCarritoFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:popupCarrito_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:popupCarrito_shadow"></div><div class="rf-pp-hdr barraPopup" id="formCarrito:popupCarrito_header"><div class="rf-pp-hdr-cnt" id="formCarrito:popupCarrito_header_content">Detalle del Pedido</div></div><div class="rf-pp-hdr-cntrls " id="formCarrito:popupCarrito_header_controls"><a href="#" onclick="RichFaces.$('formCarrito:popupCarrito').hide(); return false;" title="cerrar" class="no-decor"><img src="imagenes/iconos/cerrar.png;jsessionid=E1DFAFB35E4E583914D81080F8995300" alt="cerrar" /></a></div><div class="rf-pp-cnt-scrlr" id="formCarrito:popupCarrito_content_scroller"><div class="rf-pp-cnt" id="formCarrito:popupCarrito_content">

                                   

                                  <!--                        DATATABLE AMPLIADO-->

                                  <table id="formCarrito:TablaCarritoAmpliado" class="rf-dt" style="width: 100%; margin-top: 5px;"><colgroup span="9"></colgroup><thead id="formCarrito:TablaCarritoAmpliado:th" class="rf-dt-thd"><tr class="rf-dt-hdr rf-dt-hdr-fst"><th id="formCarrito:TablaCarritoAmpliado:j_idt52" class="rf-dt-hdr-c"></th><th id="formCarrito:TablaCarritoAmpliado:j_idt53" class="rf-dt-hdr-c">Producto</th><th id="formCarrito:TablaCarritoAmpliado:j_idt55" class="rf-dt-hdr-c">Presentación</th><th id="formCarrito:TablaCarritoAmpliado:j_idt57" class="rf-dt-hdr-c">Cantidad</th><th id="formCarrito:TablaCarritoAmpliado:j_idt59" class="rf-dt-hdr-c">Precio</th><th id="formCarrito:TablaCarritoAmpliado:j_idt61" class="rf-dt-hdr-c" colspan="2">Descuento</th><th id="formCarrito:TablaCarritoAmpliado:j_idt63" class="rf-dt-hdr-c">Importe</th><th id="formCarrito:TablaCarritoAmpliado:j_idt65" class="rf-dt-hdr-c"></th></tr><tr id="formCarrito:TablaCarritoAmpliado:ch" class="rf-dt-shdr"><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt66"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt68"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt70"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt72"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt74"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt76">% OS</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt79">% Farmacia</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt82"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarritoAmpliado:j_idt84"></th></tr></thead><tfoot id="formCarrito:TablaCarritoAmpliado:tf" class="rf-dt-tft"><tr class="rf-dt-ftr rf-dt-ftr-fst"><td id="formCarrito:TablaCarritoAmpliado:j_idt89" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt90" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt91" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt92" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt93" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt94" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarritoAmpliado:j_idt95" class="rf-dt-ftr-c" style="text-align: left;"><span style="font-weight: bold;">Total</span></td><td id="formCarrito:TablaCarritoAmpliado:j_idt97" class="rf-dt-ftr-c" style="text-align: right;">0.0</td><td id="formCarrito:TablaCarritoAmpliado:j_idt99" class="rf-dt-ftr-c"></td></tr></tfoot><tbody id="formCarrito:TablaCarritoAmpliado:tb" class="rf-dt-b"><tr class="rf-dt-nd"><td colspan="9" class="rf-dt-nd-c">No existe ningún producto</td></tr></tbody><tbody id="formCarrito:TablaCarritoAmpliado:sc"><tr><td style="display: none"><script type="text/javascript">new RichFaces.ui.DataTable("formCarrito:TablaCarritoAmpliado",{"ajaxEventOptions":{} } )</script></td></tr></tbody></table><span style="font-size: 9px; font-style: italic; float:left;">* Los importes incluyen los descuentos correspondientes.</span><br /><input id="formCarrito:j_idt103" name="formCarrito:j_idt103" onclick="RichFaces.ajax(&quot;formCarrito:j_idt103&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" value="Limpiar" style="float:left; margin-top: 5px; margin-bottom: 5px;" type="submit" /><input id="formCarrito:j_idt105" name="formCarrito:j_idt105" onclick="jsf.util.chain(this,event,&quot;finalizarPedido();return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt105\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Finalizar" style="float:right; margin-top: 5px; margin-bottom: 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:popupCarrito",{"autosized":true} );</script></div>

                                   

                                  <!--PARA QUE ME MUESTRE EL CARTEL DE SI ESTÁ SEGURO DE ELIMINAR UN PRODUCTO DEL CARRITO-->

                                  <div id="formCarrito:confirmPaneEliminarFilaAmpliado" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:confirmPaneEliminarFilaAmpliado_shade" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:confirmPaneEliminarFilaAmpliadoFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:confirmPaneEliminarFilaAmpliado_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:confirmPaneEliminarFilaAmpliado_shadow"></div><div class="rf-pp-hdr " id="formCarrito:confirmPaneEliminarFilaAmpliado_header"><div class="rf-pp-hdr-cnt" id="formCarrito:confirmPaneEliminarFilaAmpliado_header_content">ELIMINAR PRODUCTO</div></div><div class="rf-pp-cnt-scrlr" id="formCarrito:confirmPaneEliminarFilaAmpliado_content_scroller"><div class="rf-pp-cnt" id="formCarrito:confirmPaneEliminarFilaAmpliado_content">¿Está seguro que desea eliminar<br />el producto del carrito de compras?<br /><br /><input id="formCarrito:j_idt109" name="formCarrito:j_idt109" onclick="jsf.util.chain(this,event,&quot;RichFaces.$('formCarrito:confirmPaneEliminarFilaAmpliado').hide(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt109\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Cancelar" style="float: left; margin:5px 5px 5px 10px;" type="submit" /><input id="formCarrito:j_idt110" name="formCarrito:j_idt110" onclick="jsf.util.chain(this,event,&quot;removeAmpliado(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt110\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Aceptar" style="float: right; margin:5px 10px 5px 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:confirmPaneEliminarFilaAmpliado",{"autosized":true} );</script></div><span id="formCarrito:j_idt111" style="display: none;"><script type="text/javascript">removeAmpliado=function(){RichFaces.ajax("formCarrito:j_idt111",null,{"incId":"1"} )};</script></span>

                                   

                                  <!--PARA QUE ME MUESTRE EL CARTEL DE SI ESTÁ SEGURO DE LIMPIAR EL CARRITO AMPLIADO--><div id="formCarrito:confirmPaneLimpiarPedidoAmpliado" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:confirmPaneLimpiarPedidoAmpliado_shade" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:confirmPaneLimpiarPedidoAmpliadoFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:confirmPaneLimpiarPedidoAmpliado_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:confirmPaneLimpiarPedidoAmpliado_shadow"></div><div class="rf-pp-hdr " id="formCarrito:confirmPaneLimpiarPedidoAmpliado_header"><div class="rf-pp-hdr-cnt" id="formCarrito:confirmPaneLimpiarPedidoAmpliado_header_content">LIMPIAR CARRITO</div></div><div class="rf-pp-cnt-scrlr" id="formCarrito:confirmPaneLimpiarPedidoAmpliado_content_scroller"><div class="rf-pp-cnt" id="formCarrito:confirmPaneLimpiarPedidoAmpliado_content">¿Está seguro que desea borrar <br />todos los productos del carrito?<br /><br /><input id="formCarrito:j_idt115" name="formCarrito:j_idt115" onclick="jsf.util.chain(this,event,&quot;RichFaces.$('formCarrito:confirmPaneLimpiarPedidoAmpliado').hide(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt115\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Cancelar" style="float: left; margin:5px 5px 5px 10px;" type="submit" /><input id="formCarrito:j_idt116" name="formCarrito:j_idt116" onclick="jsf.util.chain(this,event,&quot;limpiarPedidoAmpliado(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt116\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Aceptar" style="float: right; margin:5px 10px 5px 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:confirmPaneLimpiarPedidoAmpliado",{"autosized":true} );</script></div><span id="formCarrito:j_idt117" style="display: none;"><script type="text/javascript">limpiarPedidoAmpliado=function(){RichFaces.ajax("formCarrito:j_idt117",null,{"incId":"1"} )};</script></span>

                                  <!--FIN AMPLIAR CARRITO-->

                                   

                                  <table id="formCarrito:TablaCarrito" class="rf-dt putox" style="margin-top: 5px; width: 100%;"><colgroup span="6"></colgroup><thead id="formCarrito:TablaCarrito:th" class="rf-dt-thd"><tr id="formCarrito:TablaCarrito:ch" class="rf-dt-shdr"><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt119"></th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt121">Producto</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt124">Cant.</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt127">Precio</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt130">Imp.</th><th class="rf-dt-shdr-c" scope="col" id="formCarrito:TablaCarrito:j_idt133"></th></tr></thead><tfoot id="formCarrito:TablaCarrito:tf" class="rf-dt-tft"><tr class="rf-dt-ftr rf-dt-ftr-fst"><td id="formCarrito:TablaCarrito:j_idt138" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarrito:j_idt139" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarrito:j_idt140" class="rf-dt-ftr-c"></td><td id="formCarrito:TablaCarrito:j_idt141" class="rf-dt-ftr-c"><span style="font-weight: bold;">Total</span></td><td id="formCarrito:TablaCarrito:j_idt143" class="rf-dt-ftr-c">$0.0</td><td id="formCarrito:TablaCarrito:j_idt145" class="rf-dt-ftr-c"></td></tr></tfoot><tbody id="formCarrito:TablaCarrito:tb" class="rf-dt-b"><tr class="rf-dt-nd"><td colspan="6" class="rf-dt-nd-c">No existe ningún producto</td></tr></tbody><tbody id="formCarrito:TablaCarrito:sc"><tr><td style="display: none"><script type="text/javascript">new RichFaces.ui.DataTable("formCarrito:TablaCarrito",{"ajaxEventOptions":{} } )</script></td></tr></tbody></table><span style="font-size: 9px; font-style: italic;">* Los importes incluyen los descuentos corresp.</span><br /><input id="formCarrito:j_idt149" name="formCarrito:j_idt149" onclick="RichFaces.ajax(&quot;formCarrito:j_idt149&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" value="Limpiar" style="float:left; margin-top: 5px; margin-bottom: 5px;" type="submit" /><input id="formCarrito:bntFinalizar" name="formCarrito:bntFinalizar" onclick="jsf.util.chain(this,event,&quot;finalizarPedido();return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:bntFinalizar\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Finalizar" style="float:right; margin-top: 5px; margin-bottom: 5px;" type="submit" /><br /><br /><br />

                                   

                                  <!--PARA QUE ME MUESTRE EL CARTEL DE SI ESTÁ SEGURO DE ELIMINAR UN PRODUCTO DEL CARRITO-->

                                  <div id="formCarrito:confirmPaneEliminarFila" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:confirmPaneEliminarFila_shade" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:confirmPaneEliminarFilaFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:confirmPaneEliminarFila_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:confirmPaneEliminarFila_shadow"></div><div class="rf-pp-hdr " id="formCarrito:confirmPaneEliminarFila_header"><div class="rf-pp-hdr-cnt" id="formCarrito:confirmPaneEliminarFila_header_content">ELIMINAR PRODUCTO</div></div><div class="rf-pp-cnt-scrlr" id="formCarrito:confirmPaneEliminarFila_content_scroller"><div class="rf-pp-cnt" id="formCarrito:confirmPaneEliminarFila_content">¿Está seguro que desea eliminar<br />el producto del carrito de compras?<br /><br /><input id="formCarrito:j_idt153" name="formCarrito:j_idt153" onclick="jsf.util.chain(this,event,&quot;RichFaces.$('formCarrito:confirmPaneEliminarFila').hide(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt153\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Cancelar" style="float: left; margin:5px 5px 5px 10px;" type="submit" /><input id="formCarrito:j_idt154" name="formCarrito:j_idt154" onclick="jsf.util.chain(this,event,&quot;remove(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt154\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Aceptar" style="float: right; margin:5px 10px 5px 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:confirmPaneEliminarFila",{"autosized":true} );</script></div><span id="formCarrito:j_idt155" style="display: none;"><script type="text/javascript">remove=function(){RichFaces.ajax("formCarrito:j_idt155",null,{"incId":"1"} )};</script></span>

                                   

                                  <!--PARA QUE ME MUESTRE EL CARTEL DE SI ESTÁ SEGURO DE LIMPIAR EL CARRITO-->

                                  <div id="formCarrito:confirmPaneLimpiarPedido" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:confirmPaneLimpiarPedido_shade" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:confirmPaneLimpiarPedidoFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:confirmPaneLimpiarPedido_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:confirmPaneLimpiarPedido_shadow"></div><div class="rf-pp-hdr " id="formCarrito:confirmPaneLimpiarPedido_header"><div class="rf-pp-hdr-cnt" id="formCarrito:confirmPaneLimpiarPedido_header_content">LIMPIAR CARRITO</div></div><div class="rf-pp-cnt-scrlr" id="formCarrito:confirmPaneLimpiarPedido_content_scroller"><div class="rf-pp-cnt" id="formCarrito:confirmPaneLimpiarPedido_content">¿Está seguro que desea borrar <br />todos los productos del carrito?<br /><br /><input id="formCarrito:j_idt159" name="formCarrito:j_idt159" onclick="jsf.util.chain(this,event,&quot;RichFaces.$('formCarrito:confirmPaneLimpiarPedido').hide(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt159\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Cancelar" style="float: left; margin:5px 5px 5px 10px;" type="submit" /><input id="formCarrito:j_idt160" name="formCarrito:j_idt160" onclick="jsf.util.chain(this,event,&quot;limpiarPedido(); return false;&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt160\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Aceptar" style="float: right; margin:5px 10px 5px 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:confirmPaneLimpiarPedido",{"autosized":true} );</script></div><span id="formCarrito:j_idt161" style="display: none;"><script type="text/javascript">limpiarPedido=function(){RichFaces.ajax("formCarrito:j_idt161",null,{"incId":"1"} )};</script></span><span id="formCarrito:j_idt162" style="display: none;"><script type="text/javascript">finalizarPedido=function(){RichFaces.ajax("formCarrito:j_idt162",null,{"incId":"1"} )};</script></span><div id="formCarrito:confirmPaneSinProductos" style="visibility: hidden;"><div class="rf-pp-shade" id="formCarrito:confirmPaneSinProductos_shade" style="z-index:100;"><button class="rf-pp-btn" id="formCarrito:confirmPaneSinProductosFirstHref"></button></div><div class="rf-pp-cntr " id="formCarrito:confirmPaneSinProductos_container" style="position: fixed; z-index:100; "><div class="rf-pp-shdw" id="formCarrito:confirmPaneSinProductos_shadow"></div><div class="rf-pp-hdr " id="formCarrito:confirmPaneSinProductos_header"><div class="rf-pp-hdr-cnt" id="formCarrito:confirmPaneSinProductos_header_content">ERROR</div></div><div class="rf-pp-cnt-scrlr" id="formCarrito:confirmPaneSinProductos_content_scroller"><div class="rf-pp-cnt" id="formCarrito:confirmPaneSinProductos_content">No ha incluido ningún producto al carrito<br /><br /><input id="formCarrito:j_idt166" name="formCarrito:j_idt166" onclick="RichFaces.ajax(&quot;formCarrito:j_idt166&quot;,event,{&quot;status&quot;:&quot;false&quot;,&quot;incId&quot;:&quot;1&quot;} );return false;" value="Aceptar" style="margin:5px 10px 5px 5px;" type="submit" /></div></div></div><script type="text/javascript">new RichFaces.ui.PopupPanel("formCarrito:confirmPaneSinProductos",{"autosized":true} );</script></div><a href="#" id="formCarrito:j_idt167" name="formCarrito:j_idt167" onclick="jsf.util.chain(this,event,&quot;RichFaces.$('formCarrito:Carrito').switchPanel()&quot;,&quot;RichFaces.ajax(\&quot;formCarrito:j_idt167\&quot;,event,{\&quot;status\&quot;:\&quot;false\&quot;,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="no-decor" style="font-weight: bold; width: 100%;" title="ocultar"><div style="height: 10px; background-color: #777468; text-align: center; padding: 5px; margin: 0px;"><img src="imagenes/iconos/arriba_header.png;jsessionid=E1DFAFB35E4E583914D81080F8995300" alt="ocultar" style="border: 0px;height: 10px; width: 20px;" /></div></a></div><div id="formCarrito:Carrito:empty" class="rf-cp-empty" style="display:block"></div></div><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="9127313286892649601:1996785262588641055" autocomplete="off" /></form>

                                                      </div>

                                                      <div id="Cuerpo" class="Cuerpo">

                                                           <div style="text-align: center;width:800px; height:300px;margin-left: auto; margin-right: auto;"><form id="j_idt174" name="j_idt174" method="post" action="/farmaweb/pages/index.faces;jsessionid=E1DFAFB35E4E583914D81080F8995300" enctype="application/x-www-form-urlencoded" style="text-align: center;"><input type="hidden" name="j_idt174" value="j_idt174" /><textarea id="j_idt174:cuerpo1" name="j_idt174:cuerpo1" cols="50" rows="50" style="width:50%; height:300px;margin-left: auto; margin-right: auto;"></textarea><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="9127313286892649601:1996785262588641055" autocomplete="off" /></form></div>

                                                      <div id="Footer">ddddddgggpppp</div>

                                            </div>

                                       </body>

                                  </html>

                                  • 14. Re: Problem with rich:popupPanel in IE6
                                    pablo53

                                    I can see DOCTYPE... This worked for IE7+, so I think there is no other solution but to upgrade IE. IE6 seems to have some problems with XHTML.

                                     

                                    --

                                     

                                    Se ve DOCTYPE... IE7+ funcionó bién así. Pienso que no hay más remedio sino consequir nuevo IE. IE6 parece tener algunos problemas con XHTML.

                                    1 2 Previous Next