Jump to content
Biel.

passar link na url sem refresh na página

Recommended Posts

Olá pessoal. direto ao ponto. Suponha que o código abaixo é um site.
a navegação interna entre os links funciona normalmente sem refresh na pagina, mas na ul não passa o link que foi pressionado. Como fazer passar na url o link que foi pressionado ?

 

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		 //$("#tete").click(function( e ){
		$("#menu a").click(function( e ){
			e.preventDefault();
			var href = $( this ).attr('href');
			$("#content").load( href +" #content");
		});
	});
	</script>

...

index.php
	<ul id="menu">
		<li><a href="index.php" id="tete">Home</a></li>
		<li><a href="fotos.php" id="tete">Fotos</a></li>
		<li><a href="contato.php" id="tete">Contato</a></li>
	</ul>
    
	<div id="content">
		<h1>esta é a pagina index</h1>
	</div>
    
    
 <hr>

fotos.php
	<ul id="menu">
		<li><a href="index.php" id="tete">Home</a></li>
		<li><a href="fotos.php" id="tete">Fotos</a></li>
		<li><a href="contato.php" id="tete">Contato</a></li>
	</ul>
    
	<div id="content">
		<h1>esta é a pagina fotos</h1>
	</div>
    
 <hr>
 

 contato.php
	<ul id="menu">
		<li><a href="index.php" id="tete">Home</a></li>
		<li><a href="fotos.php" id="tete">Fotos</a></li>
		<li><a href="contato.php" id="tete">Contato</a></li>
	</ul>
    
	<div id="content">
		<h1>esta é a pagina contato</h1>
	</div>
    
 <hr>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Olá pessoal. Direto ao ponto. Estou tentando enviar os dados sem refresh na página.  Obrigado!
       
      pagina1.php <?php @$nome = $_POST['nome']; print $nome.'<br><br><br>'; ?> <script> function enviarSemRefrash() { } </script> <form id="formulario" action="" method="post"> Nome: <br /> <input name="nome" type="text" id="nome" size="35" /> <br /><br /> <input type="submit" name="acao" onClick="enviarSemRefrash()" value="Enviar" /> </form>  
    • By Biel.
      Olá pessoal. Direto ao ponto. Ex1 retorna normalmente os elementos do array. Como fazer o EX2 também retornar os elementos do array. Obrigado!
       
      Ex1 <?php $dados = array('teste1', 'teste2', 'teste3', 'teste4'); for($a=0; $a<count($dados); $a++){ print $dados[$a].'<br>'; } ?> Ex2 <?php $dados = array(`teste1`, `teste2`, `teste3`, `teste4`); for($a=0; $a<count($dados); $a++){ print $dados[$a]; } ?>  
    • By Biel.
      Olá pessoal. Direto ao ponto. EX1 imprime dados repetidos. EX2 não imprime dados repetidos. Que função uso no  EX1 para imprimir somente dados não repetidos? Obrigado !
       
      EX1
      <?php $a=1; $b=2; $c=1; $d=4; $e=5; $imprime=$a.'<br>'.$b.'<br>'.$c.'<br>'.$d.'<br>'.$e; print $imprime; ?> EX2
      <?php $a=1; $b=2; $c=3; $d=4; $e=5; $imprime=$a.'<br>'.$b.'<br>'.$c.'<br>'.$d.'<br>'.$e; print $imprime; ?>  
    • By Biel.
      Olá pessoal. direto ao ponto. O código abaixo está ok, clico no botão e o javascript  mostra o conteúdo da div. Gostaria que mesmo atualizando a página/f5 o conteúdo da div continuasse visível. Como resolver este problema? Obrigado !
      <div id="id_tete" style="background:#EBEBEB; font-size:30px; display:none; "> manter conteudo da div visivel mesmo atualizando a página/f5 </div> <button name="ffsd" onClick="func_mostrar()">click</button> <script> function func_mostrar(){ var x = document.getElementById("id_tete"); x.style.display = "block"; } </script>  
    • By Biel.
      Olá pessoal Direto ao ponto. A imagem abaixo tem EX1 e EX2 . Como fazer o código imprimir o mesmo resultado que o EX2 ?  Obrigado !
      <style> *{ margin:0; padding:0;} .divprincipal{ display: flex; flex-wrap:wrap; align-items: center; padding:10px; border:1px solid black; } .aprendiz{ width:300px; margin-left:20px; border:1px solid black; } h1{ width:100%; display:block; } b{ font-weight:normal; margin-bottom:8px; line-height:24px; display:block; border:1px solid black; } </style> <div class="divprincipal"> <div class="aprendiz"> <h1>cabeçalho A</h1> <b> s simply dummy text of the printing and typesetting industry. Lorem has been the industry’s standard text ever sinn printer took a galley of type and scrambled it to make a </b> </div> <div class="aprendiz"> <h1 >cabeçalho B</h1> <b>s simply dummy text of the printing </b> </div> </div>  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.