[SOLUCIONADO] problema include icefaces en jsf

stivensound · #1 (**permalink**) 04/02/2013, 17:14

Hola amigos, para los que no me conocen soy Stivenson y la verdad estoy bastante estresado

puesto que tengo varios problemas. por ahora solo voy a comentarles este:

Estoy haciendo una pagina web en netbeans jsf y icefaces y estoy utilizando plantillas. La pagina consiste de:
1-plantillaPrincipal.xhtml (la plantilla)
2-Principal.xhtml (pagina de inicio donde utilizo la plantilla e incrusto el menu)
3-menu.xhtml (menu a incrustar)
El problema esta que cuando llamo menu.xhtml que es donde utilizo icefaces con include no me muestra correctamente el menu, como si no tuviera formato o no encontrara el CSS. De ante mano muchas gracias, cualquier aporte es bienvenido.

Ha y perdonen mi ignorancia, estoy en proceso de aprendizaje.

sebastopols · #2 (**permalink**) 04/02/2013, 17:22

Hola, bueno sin ver una captura de pantalla pero principalmente el código en línea es difícil, pero como vos decís, si el menú aparece pero no con estilos, entonces es probable que sea un problema de css, ¿si abrís "menu.xhtml" directamente se ve mal?, saludos.

stivensound · #3 (**permalink**) 05/02/2013, 08:39

Hola lamento no colocarte el código ahora pero prometo colocarlo cuando pueda. En cuanto a tu pregunta, ahora que lo dices no lo he intentado pero lo haré y te digo, saludos

stivensound · #4 (**permalink**) 06/02/2013, 08:33

Hola, lo prometido es deuda, hice lo que me dijiste y resulta que se ve igual, sin formato ejecutándolo solo.
Aqui esta el codigo:

Plantilla:

Código HTML:

<?xml version='1.0' encoding='UTF-8' ?> 
<!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:ice="http://www.icesoft.com/icefaces/component"
      >

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <Script  tipo = "script"  src = "script/funciones.js" ></Script>
        <title>Oficina Inteligente</title>
        <style type="text/css">
        #encabe {
                position:absolute;
                left:0px;
                top:5px;
                width:100%;
                height:145px;
                z-index:2;
        }
        #conte{
                position:absolute;
                left:0px;
                top:150px;
                width:100%;
                height: 100%;
                z-index:1;
        }
        </style>
    </h:head>

    <h:body onload="mueveReloj();">
        <div id="encabe">
            <ui:insert name="encabezado">
                <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td colspan="2" align="left" valign="top" class="TituloCabecera">OFICINA INTELIGENTE (ENTIDAD)</td>
                    <td width="320" height="95" rowspan="2" align="right" valign="top" class="reloj">
                      <p><script type="text/javascript">fecha()</script>
                        <br />
                        <input id="reloj" name="reloj" type="text" class="reloj" size="10" />|Bienvenido </p>
                    <a href="paginas/cerrar_sesion.php" target="_top"><img src="imagenes/btn_cerrar_sesion.png" width="137" height="30" border="0" alt="Cerrar Sesion" /></a></td>
                  </tr>
                  <tr>
                    <td width="280" align="left" valign="middle"><img src="imagenes/marca_soltec.jpg" width="270" height="80" /></td>
                    <td width="300" align="left" valign="middle" class="info">&nbsp;</td>
                  </tr>
                  <tr>
                    <td height="25" colspan="3" align="right" valign="middle">

                    </td>
                  </tr>
                </table>
            </ui:insert>
        </div>
                
        <div id="menu">
            <ui:insert name="menu">

            </ui:insert>
        </div>
            
        <div id="nojava">
            <ui:insert name="nojava">
                <noscript>
                   <table width="900" border="0" align="center">
                        <tr>
                          <td class="Parrafos"> <div id="error" align="justify">
                    <b class="rtoperr"><b class="r1err"></b><b class="r2err"></b><b class="r3err"></b><b class="r4err"></b></b>
                      <p>Error, JavaScript deshabilitado.</p>
                    <b class="rbottomerr"><b class="r4err"></b><b class="r3err"></b><b class="r2err"></b><b class="r1err"></b></b>
                    </div></td>
                        </tr>
                   </table>
                </noscript>
            </ui:insert>
        </div>
        
        <div id="conte">
            <ui:insert name="conte">

            </ui:insert>
        </div>
                
    </h:body>
</html>

Principal:

Código HTML:

<?xml version='1.0' encoding='UTF-8' ?>
<!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:ui="http://java.sun.com/jsf/facelets"
      >
    <h:body>
        <ui:composition template="./WEB-INF/templates/plantillaPrincipal.xhtml">

            <ui:define name="menu">
                <ui:include src="menu_admin.xhtml" >
                    <ui:param name="Open" value="resources"/>
                </ui:include>
           </ui:define>
           <ui:define name="conte">
                <iframe src="blanco.xhtml" frameborder="0" width="100%" height="100%" scrolling="auto" id="contenido" name="contenido" title="contenido" allowtransparency="allowtransparency">NO IFRAME</iframe>
           </ui:define>

        </ui:composition>
    </h:body>
</html>

Menu:

Código HTML:

<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        
        <title>TODO supply a title</title>
    </head>
    <body>
        <ui:composition>
            <ace:menuBar autoSubmenuDisplay="true">
                <ace:menuItem value="Archivo" icon="ui-icon ui-icon-home" >
                    <ace:menuItem value="copiar"  ></ace:menuItem>
                    <ace:menuItem value="pegar"  ></ace:menuItem>
                    <ace:menuItem value="abrir"  ></ace:menuItem>
                    <ace:menuItem value="guardar"  ></ace:menuItem>
                    <ace:menuItem value="imprimir"  >
                        <ace:menuItem value="todo"  ></ace:menuItem>
                        <ace:menuItem value="seleccion"  ></ace:menuItem>
                    </ace:menuItem>
                </ace:menuItem>
                <ace:menuItem value="ICEsoft" url="http://www.icesoft.org" target="_blank" icon="ui-icon ui-icon-home"/>
            </ace:menuBar>
        </ui:composition>
    </body>
</html>

No me des tan duro que apenas estoy aprendiendo

sebastopols · #5 (**permalink**) 07/02/2013, 16:44

Hola, ahora ando con poco tiempo para ver bien el código, pero si no hay formato puede ser por alguna/s de estás causas:

No se está llamando correctamente al css o directamente no se está llamando (en caso de ser una hoja externa), ya sea por error en la sintaxis de la ruta y/o error de sintaxis en general.
Se están sobreescribiendo los estilos llamados de la hoja externa con css local.

Si mirás bien esto seguramente hallarás la solución, saludos

stivensound · #6 (**permalink**) 08/02/2013, 13:32

hola, ya solucione el problema de visualización de él solo, mas sin embargo todavía persiste el problema incluyéndolo en principal.xhtml. Con respecto a css, bueno el menú lo hago con icefaces y se supone que este maneja los estilos automáticamente por debajo (me desentiendo de estos), pero si me tocara llamarlos manualmente como seria?

te dejo el código del nuevo menú (lo probé pegándolo en el index y se ve perfectamente, el otro tenia errores):

Código HTML:

<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        
        <title>TODO supply a title</title>
    </head>
    <body>
        <ui:composition>
            <div>
            <f:view>
                <h:form id="form1">
                    <ace:menuBar autoSubmenuDisplay="true">
                        <ace:submenu label="Actions">
                            <ace:menuItem value="Action One" />
                            <ace:menuItem value="Action Two" />
                        </ace:submenu>
                        <ace:menuItem value="ICEsoft" url="http://www.icesoft.org" target="_blank" icon="ui-icon ui-icon-home"/>
                    </ace:menuBar>
                </h:form>
            </f:view>
            </div>
        </ui:composition>
    </body>
</html>

Te coloco unas imagenes:
Así es como se ve actualmente el menú incrustado (no te preocupes por las imágenes de la pagina, no las he colocado todavía)
https://skydrive.live.com/redir?resid=F07BBBB65A13CDF!437&authkey=!AMq6Oq5wS JhsFzM

Y así como se debería de ver el menu:

https://skydrive.live.com/redir?resid=F07BBBB65A13CDF!438&authkey=!AE6rEfW0S ccA1Co

stivensound · #7 (**permalink**) 14/02/2013, 08:38

Hola a todos de nuevo. Esta vez tengo buenas noticias, y es que ya solucione el problema.

El problema no estaba en el include sino en la navegación de las paginas pues según la información que encontre jsf tiene por defecto la navegacion hacia adelante (forward) y no redirect, cosa que me daba problemas en los estilos de la pagina y solucione colocando:

Código HTML:

h:commandButton value=”Click” action=”navega?faces-redirect=true”

Espero que le sirva a alguien