Ir para conteúdo

Arquivado

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

Kellvin

Como atualizar apenas parte do conteúdo do site

Recommended Posts

Pessoal se alguem poder me ajuda eu agradeço muito! 

CRIEI UM SITE PHP, CSS,HTML ELE TA TODO PRONTO MAS EU ESTAVA OLHANDO E QUANDO EU VOU TROCA DE PAGINA FICA AQUELA COISA CHATA QUE O SITE ATUALIZA TODO PARA TROCAR DE PAGINA. COMO FAÇO PARA ATUALIZAR APENAS O CONTEUDO E NÃO O SITE TODO?
 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
<script type="text/javascript">
					$(document).ready(function(){
						$("Menu a").click(function( e ){
						e.preventDefault();
						var href = $( this ).attr('href');
						$("#websites").load( href +" #websites");
						});
					});
				</script>

Alguém sabe me dizer o'que esta errado? 
Coloquei as div certo , mas não ta pegando !

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">
					$(document).ready(function(){
						$("#Menu a").click(function( e ){
						e.preventDefault();
						var href = $( this ).attr('href');
						$("#websites").load( href +"#websites");
						});
					});
				</script>
</head>

<body>
<div id="box"><!--BOX-->

<div id="Heard"><!--HEARD-->

<div id="Menu">
<ul>
<li><a href="index.php">HOME</a></li>
<li><a href="compras.php">COMPRAS</a></li>
<li><a href="publicidade.php">PUBLICIDADE</a></li>
</ul>
</div><!--MENU-->

 angelo, to fazendo esse web site coloquei a # , Mas não da refresh da div agora ate o menu paro clica não acontece nada o'que pode ser?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O que você chama de refresh no SITE TODO?
Por acaso seria refresh na página?
Conteúdo do menu sem dar refresh?
O que você chama de conteúdo do menu?

Se você não usar os termos técnicos apropriados fica difícil (ou até impossível) de entender a pergunta.
id="Heard" não me parece um valor de id informativo.

-----------------------------------------------------------------------------------------------------------
Complementando:
De toda forma me parece, por adivinhação e tal como apontou o @wessleysanttos

 que você não deseja carregar as partes comuns das páginas do site quando navega de uma página a outra. Use AJAX tal como explicado no seguinte tutorial:
http://www.maujor.com/blog/2009/02/03/requisicao-ajax-com-o-metodo-load-da-jquery/

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Maujor vou tenta explicar melhor, eu quero que ao clica em qualquer menu do meu site o conteudo do menu seja carregado em uma div sem da refresh na página ! 

Compartilhar este post


Link para o post
Compartilhar em outros sites
8 horas atrás, Kellvin disse:

Maujor vou tenta explicar melhor, eu quero que ao clica em qualquer menu do meu site o conteudo do menu seja carregado em uma div sem da refresh na página ! 

 

Não entendí, você deseja que a página para onde o menu "linka" seja carregada na div, sem dar refresh, ou que o menu em sí seja movido da sua posição atual para a div?

 

Se for o primeiro caso, que acredito ser, a indicação do Maujor resolve

Compartilhar este post


Link para o post
Compartilhar em outros sites

SPA pode ser um caminho interessante para o seu problema.

 

Da uma olhadinha no esquema de rotas do AngularJs

https://www.w3schools.com/angular/tryit.asp?filename=try_ng_routing_view1

 

Porem recomendo fortemente uma você ter uma base legal de JavaScript e conceitos de ajax

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#Menu a").click(function( e ){
			e.preventDefault();
			var href = $( this ).attr('href');
			$("#websites").load( href +" #websites");
		});
	});
	</script>
</head>

<body>

<div id="box"><!--BOX-->
<div id="TOPO"><!--TOPO-->
<div id="Menu"><!--MENU-->
<ul>
<li><a href="index.php">HOME</a></li>
<li><a href="compras.php">COMPRAS</a></li>
<li><a href="publicidade.php">PUBLICIDADE</a></li>
</ul>
</div><!--MENU-->

Pessoal estou eu aqui denovo !
Usei esse meto e o menu congelo. ele não muda para as outras paginas.
Alguem pode dizer o'que esta errado?
Já to um bom tempo tentando entender isso mas é difícil em.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Fala galera, tudo bem?
       
      Tenho o seguinte codigo:
       
       class Data {
      public static function ExibirTempoDecorrido($date)
      {
          if(empty($date))
          {
              return "Informe a data";
          }
          $periodos = array("segundo", "minuto", "hora", "dia", "semana", "mês", "ano", "década");
          $duracao = array("60","60","24","7","4.35","12","10");
          $agora = time();
          $unix_data = strtotime($date);
          // check validity of date
          if(empty($unix_data))
          {  
              return "Bad date";
          }
          // is it future date or past date
          if($agora > $unix_data) 
          {  
              $diferenca     = $agora - $unix_data;
              $tempo         = "atrás";
          } 
          else 
          {
              $diferenca     = $unix_data - $agora;
              $tempo         = "agora";
          }
          for($j = 0; $diferenca >= $duracao[$j] && $j < count($duracao)-1; $j++) 
          {
              $diferenca /= $duracao[$j];
          }
          $diferenca = round($diferenca);
          if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
          return "$diferenca $periodos[$j] {$tempo}";
      }
      }
       
      Funciona redondinho se o valor retornado for de algumas horas, mas...
      Quando passa de dois meses, ele retorna a palavra mess. Deve ser por conta dessa linha
      if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
       
      Quero que modre:
       
      2 meses atrás
      e não
      2 mess atrás.
       
      Espero que tenham entendido.
       
      Valeu
    • Por Carlos Web Soluções Web
      Olá...
      Estou tentando fazer o seguinte !!
      Listando dados em tabela !!
      Gostaria que....se na listagem houver 4 linhas...indepedente de seu número de ID, faça a listagem em ID ser em ordem 1 2 3 4 !!
      Exemplo...se tiver uma listagem de dados que está em ID 1 3 3...faça ficar 1 2 3 !!

       
      echo "<table class='tabela_dados' border='1'> <tr> <td>ID</td> <td>Nome Empresa</td> <td>Responsável</td> <td>Telefone 1</td> <td>Telefone 2</td> <td>E-mail 1</td> <td>E-mail 2</td> <td>Endereço</td> <td>CEP</td> <td>Bairro</td> <td>AÇÃO 1</td> <td>AÇÃO 2</td> </tr> "; $sql = "SELECT ID FROM usuarios_dados WHERE Usuario='$usuario'"; $result = $conn->query($sql); $num_rows = $result->num_rows; $Novo_ID = 1; for ($i = 0; $i < $num_rows; $i++) { $registro = $result -> fetch_row(); $sql2 = "UPDATE usuarios_dados SET ID='$Novo_ID' WHERE ID='$Novo_ID'"; $result2 = $conn->query($sql2); $Novo_ID++; } $sql = "SELECT * FROM usuarios_dados"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<tr> <td>$row[ID]</td> <td>$row[Nome_Empresa]</td> <td>$row[Responsavel]</td> <td>$row[Telefone_1]</td> <td>$row[Telefone_2]</td> <td>$row[Email_1]</td> <td>$row[Email_2]</td> <td>$row[Endereço]</td> <td>$row[CEP]</td> <td>$row[Bairro]</td> <td> <form method='post' action='Editar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='EDITAR'> </form> </td> <td> <form method='post' action='Deletar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='DELETAR'> </form> </td> </tr> "; } } else { echo "0 results"; } $conn->close();  
    • Por ILR master
      Boa tarde pessoal, tudo bem ?
       
      Eu uso o tinymce para cadastro de textos no meu siite, porém, quero fazer um sistema para que os colunistas possam fazer o próprio post.
      O problema do tinymce, é que ele mantém a formatação do texto copiado, como tamanho de fonts, negritos, etc... Quero que o usuário cole o texto e a própria textarea limpe a formatação para que ele formate como quiser.
       
      A pergunta é:
       
      O tinymce tem uma opção para desabilitar a formatação quando um texto é colocado?
      Tem alguma função via java ou php para retirar a formatação assim que o texto é colado?
      Ou é melhor usar um outro editor?
       
      Agradeço deste já.
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
×

Informação importante

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