Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

junaooaks

css atualizar parte do layout

Por , em Javascript

Recommended Posts

junaooaks    3

junaooaks
Postado

ola pessoal

 

tenho um layout com botao menu e sub menu

 

este menu


<ul>
<li><a href="administracao.html"><span>home</span></a></li>
<li><a href="cadastro.html"><span>contato</span></a></li>
<li><a href="estoque.html"><span>escrituario</span></a></li>
</ul>

 

e sub menu

 


<div id="submenu">
<?php include("submenu.php"); ?>   
</div>

 

preciso que toda vez que clicar no botão do menu, atualiza somente o submenu

 

tem como ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

tem em portugues :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

pessoal encontrei este video faz o que preciso

Clique aqui

 

so que nao esta pujando nem fazendo o load

 

$(function(){

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

 

so nao coloquei a imagem pra carregar

 

quem intendi pode falar o que esta errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

ola pessoal

 

preciso usar o load da forma postada neste video que coloquei a cima

 

tenho uma pagina index


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

 

menu arquivo ajax

$(function(){

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

   $("#submenu").load(pagina)

   })
   return false;
})

 

preciso que so atualiza o div"submenu" e pega a url

 

arquivo 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;
}

?>

 

como pego a url do botao que foi clicado e passo para o ajax e mando para o arquivo php, no video o cara faz e funciona o que esta errado ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito