Load carregar parte por parte

ola pessoal

to precisando de um help

vi um video mostrando como fazer o load da forma que preciso,

problema… não funcionou

bom la vamos

tenho um layou

css.

quando clicar no menu preciso que so carregue o submenu e quando clicar no submenu carrega somente conteudo

bom vou colocar o video http://www.videoaulasbrasil.com.br/ajax/carregando-a-pagina-sem-atualizar-utilizando-ajax-com-jquery/

bom vamos ao meus codigo

arquivo index que puxa os arquivos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="pt-br" xml:lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/ajax.js"></script>
        <style type="text/css">@import url("resources/css/style.css");</style>
        <style type="text/css">@import url("resources/css/menu.css");</style>
    </head>
    <body>
        <div id="titulo"></div>
        <div id="menu">
            <div id="tabs1">
                <ul>
                   <li><a href="submenu.php?sub=1"><span>home</span></a></li>
                   <li><a href="submenu.php?sub=2"><span>contato</span></a></li>
                   <li><a href="submenu.php?sub=3"><span>escrituario</span></a></li>
                </ul>
            </div>
            
            <div id="submenu">
                <?php include ("resources/submenu/submenu.php");?>
            </div>
            
        </div>
        <div id="conteudo">
            <!--div id="header"></div>
            <div id="mainnav"></div>
            <div id="contents"></div>
            <div id="footer"></div-->
            ddd
        </div>
    </body>
</html>

arquivo ajax.js

$(function(){
   
    $("ul#tabs1 a").click(function(event){
        pagina = "resources/submenu/"+ $(this).attr('href')
    
    $("#submenu").load(pagina)
    
    })
    return false;
})

submenu.php

<?php

$pagina = $_GET["sub"];

switch($pagina){
        case "1":
                echo "home";
                break;
        case "2":
                echo "
                contato
                ";
                break;
        case "3":
                echo "escrituario";
                break;
        
        default:
                echo "home";
                break;
}

?>

Topicos relacionados