Ciomar rs
-
Total de itens
2 -
Registro em
-
Última visita
Sobre Ciomar rs
Ciomar rs's Achievements
0
Reputação
-
olá sou iniciante na area e estou montando uma pagina com ajax jquery e gostaria de exibir o conteudo de um html em um div "conteiner". Tenho a pagina formada por tres menus: um topo um esquerdo e outro direito e no centro um conteiner que eu quero que apareca o conteudo que for selecionado pelo usuário confomre a opção do menu. Esse conteudo eu farei em pagina(a)s html e seria exibido o conteudo no conteiner. se alguém puder me ajudar com um exemplo.
-
olá caros colegas estou iniciando o trabalho com php e ajax e estou tendo problemas com o conteudo de uma pagina q esto elaborando segue parte dos codigos para você ver se me ajudam onde esta o problema: ************index.php <!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> <script type="text/javascript" src="js/jquery-1.2.6.js"> </script> <script type="text/javascript"> $(document).ready(function(){ //inicio do conteudo (home) $.get("conteudo.php", {pag:"home"}, function(conteudo){ $(".conteudo").html(conteudo).show("slow") }) //fim do conteudo (home) //inicio do conteudo (ajax) $("div.menu_esq li a").click(function(){ link=$(this).attr("href") $.ajax({method:"get", url: "conteudo.php", data: "pag="+link, beforeSend: function(){ $("div.carregando").show() $(".conteudo").slideUp("slow")}, complete: function(){ $("div.carregando").slideUp("slow")}, success: function(html){ $(".conteudo").html(html).show("slow") } })//fim do $.ajax( return false })//fim do $("div.menu li a").click //fim do conteudo (ajax) }) </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="Js/jquery-1.2.6.js"></script> <title>Untitled Document</title> <style type="text/css"> // Aqui tem os estilos <body class="Corpo"> <div class="conteiner" > <div class="topo"><img src="Imagens/Logo780.jpg" width="780" height="225" /></div> <div align="left" class="menu_topo"> <ul> <li><a href="pag1.html" class="style2">ICMS</a></li> <li><a href="pag2.html" class="style2">RH</a></li> <li><a href="pag3.html" class="style2">MTB</a></li> <li><a href="pag4.html" class="style2">JUCERGS</a></li> </ul> </div> <div class="menu_esq"> <li><a href="home" class="style2">Area de Atuação</a></li> <li><a href="produto" class="style2">Nossos Serviços</a></li> <li><a href="texte" class="style2">Formularios</a></li> </div> <div class="conteudo"> <p>Contem conteudo dinamico</p> </div> <div class="menu_dir"> <li><a href="a1.html" class="style2">Link 1</a></li> <li><a href="a2.html" class="style2">Link 2</a></li> <li><a href="a3.html" class="style2">Link 3</a></li> <li><a href="a4.html" class="style2">Link 4</a></li> <li><a href="a5.html" class="style2">Link...</a></li> </div> </div> </body> </html> ********************** conteudo.php********************************* <?php $pagina= $_GET['pag']; ?> <?php if($pagina=="home"){ ?> <H1 align="center">EXEMPLO DO TEXTO HOME</H1> <p align="center">AJAX PHP</p> <?php }?> <?php if($pagina=="cadastro"){ ?> <?php }?> <H1 align="center">CADASTRO</H1> <?php if($pagina=="contato"){ ?> <H1 align="center">CONTATO</H1> <p align="center">ATENDIMENTO ON LINE</p> <?php }?> ***************************************************** Com o script acima ele teira de pegar a parte "home" ao abrir a pagina e mostrar so o conteudo "HOME" mas ele mostra todo o conteudo não sei o q ta errado?