Bom dia pessoal! Eu estou usando a função load do jquery para carregar paginas inernas dentro de uma div... Mas eu passei o meu projeto para jsf (.xhtml) e nao esta dando certo...tudo do jquery funciona menos o load... …

Problema com load() (JQuery) e JSF [Resolvido]

index.xhtml

<?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:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Condom&iacute;nio local</title>

        <!-- JQUERY -->
        <script src="./javascript/jquery-1.4.2.js" type="text/javascript"></script>
        <script src="./javascript/jquery-ui-1.8.5.custom.js" type="text/javascript"></script>

        <!-- JAVASCRIPT -->
        <script src="./javascript/principal.js" type="text/javascript"></script>
        <script src="./ui/jquery.ui.tooltip.js" type="text/javascript"></script>
        <script src="./ui/jquery.ui.overlay.js" type="text/javascript"></script>

        <!-- STYLESHEET -->
        <link href="./stylesheets/principal.css" rel="stylesheet" type="text/css" />
        <link href="./stylesheets/divs.css" rel="stylesheet" type="text/css" />

        <!-- THEME -->
        <link href="./themes/tema_condominio/jquery.ui.all.css" type="text/css" rel="stylesheet" />

        <!-- TABS -->
        <script type="text/javascript">
            $(document).ready(function(){
                $('#tabs').tabs();
                $('#logoff').button({ icons: {primary: 'ui-icon-power'} });
                $('[title]').tooltip({ effect: 'slide', offset: [60, -20] });

                $('a[rel]').overlay({
                    onBeforeLoad: function(){
                        $('center').fadeTo(500, 0.4);
                    },
                    onBeforeClose: function(){
                        $('center').fadeTo(500, 1);
                    }
                });

                //CARREGANDO PÁGINA INICIAL NA DIV
                $('#conteudo').load('view/menu1.html');
            });
        </script>
    </h:head>
    <h:body>
        <f:view>
            <h:form>
                <center>
                    <div id="borda_top">
                    </div>
                    
                    <!-- CONTEÚDO DO SITE -->
                    <div id="corpo">
                        <!-- CABEÇALHO DE BOAS VINDAS -->
                        <div id="bem_vindo">
                            <table width="930" align="center">
                                <tr>
                                    <td width="310">
                                        Bem vindo <b></b>!
                                    </td>
                                    <td align="center" width="310">
                                        
                                    </td>
                                    <td align="right" width="310">
                                        <a id="logoff" style="font-size: 9px;" title="Sair do sistema" rel="#overlay">Logoff</a>
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <!-- IMAGEM DO CONDOMÍNIO -->
                        <div id="logo_condominio">
                        </div>

                        <!-- ABAS DO SISTEMA -->
                        <div id="tabs">
                            <ul style="height: 29.9px; padding-left: 6px;">
                                <li>
                                    <a href="conteudo" onclick="abrirPagina('view/menu1.html', 'conteudo');" title="&Aacute;rea da administradora">
                                        <span style="cursor:pointer;">Administradora</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="conteudo" onclick="abrirPagina('view/menu2.html', 'conteudo')" title="&Aacute;rea do condom&iacute;nio">
                                        <span style="cursor:pointer;">Condom&iacute;nio</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="conteudo" onclick="abrirPagina('view/menu3.html', 'conteudo')" title="&Aacute;rea do morador">
                                        <span style="cursor:pointer;">Morador</span>
                                    </a>
                                </li>
                            </ul>

                            <div id="conteudo">
                            </div>
                        </div>

                        <!-- RODAPÉ -->
                        <div id="rodape">
                            <a href="http://uniup.com.br" target="a_blank"><span style="color: #CCAA33; font-weight: bold;">Grupo UniUp</span></a>
                        </div>
                    </div>

                    <div id="borda_bottom">
                    </div>
                </center>

                <!-- OVERLAY -->
                <div class="simple_overlay" id="overlay">
                    <div style="height: 33px; background: url('./images/overlay_top.png');"></div>
                    <div style="height: auto; background: url('./images/overlay_center.png'); padding-left: 36px; padding-bottom: 5px;">
                        <span id="titulo_overlay">Teste de overlay</span>
                        <br/><br/>
                        Testando componente que irá mostrar algumas informações na tela.
                    </div>
                    <div style="height: 33px; background: url('./images/overlay_bottom.png');"></div>
                </div>

                <!-- DIALOG -->
                <div></div>
            </h:form>
        </f:view>
    </h:body>
</html>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>view/index.xhtml</welcome-file>
    </welcome-file-list>
</web-app>

3 Respostas

Topicos relacionados