Ir para conteúdo

Arquivado

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

visitante_php

o q ha de errado com esse script?

Por , em Javascript

Recommended Posts

visitante_php    0

visitante_php
Postado 

<script src="jquery-latest.js"></script>
   
   <script>
   
	   $(document).ready(function(){
   
	   $("#carregando").hide();
   
	   $(".exemplo").click(function() {
   
	   $("#carregando").ajaxStart(function(){
   
	   $(this).show();
   
	   $(".alvo").hide();
   
	   });
   
	   $("#carregando").ajaxStop(function(){
   
	   $(this).hide();
   
	   $(".alvo").show();
   
	   });
   
	   $.get($("a").attr("href"),
   
	   {nome: "Alexandre", idade: "23"},
   
	   function(data) {
   
	   $(".alvo").empty().html(data);
   
	   });
   
	   return false;
   
	   });
   
	   });
   </script>

 

eh um codigo q peguei da net e adaptei (tentei adaptar)...

 

eu kero q ele peguei as paginas q estao nos atributos href dos links...mas nao esta funfando...

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Fala Igor! Firme?

 

Qual erro que dá?

 

ABRAX!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

essa linha

 

$.get($("a").attr("href"),

 

no tuto original ela seria

 

$.get("pagina.php",

 

e eu alterei para como esta acima, eu keria q pegasse as paginas nos atributos href dos links, mas nao pega nada...

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

bom... então vamos por partes: faz isso aqui e vê se lista os HREFs dos links:

 

var saida = "";
$("a").each(function() {
  saida += $(this).attr("href")+"<br/>";
);

Talvez isso lhe dê uma luz! eheheh..

 

ABRAX!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

so mostrou os links q ja estao na pagina

 

o script td eh esse

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
					"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="jquery-latest.js"></script>
  
  <script>
  
	  $(document).ready(function(){
  
	  $("#carregando").hide();
  
	 $(".exemplo").click(function() {
  
	  $("#carregando").ajaxStart(function(){
  
	  $(this).show();
  
	  $(".alvo").hide();
  
	  });
  
	  $("#carregando").ajaxStop(function(){
  
	  $(this).hide();
  
	  $(".alvo").show();
  
	  });
  
	  $.get($("a").attr("href"),
  
	  {nome: "Alexandre", idade: "23"},
  
	  function(data) {
  
	  $(".alvo").empty().html(data);
 
	  });
  
	  return false;
  
	  });
  
	  });
	  
	  var saida = "";
$("a").each(function() {
  saida += $(this).attr("href")+"<br/>";
);
  </script>
</head>
<body>
<a href="class.menu.php" class="exemplo">class menu em php
</a>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div class="topico">
 <a href="chamada.php" class="exemplo">
   Clique aqui para abrir uma página html pelo httprequest
 </a>
<div id="carregando">
  
  carregando...
</div>
<div class="alvo">
  a página será aberta aqui
</div>
</div> 
<a href="class.menu.php" onClick="$('#recebe').load('class.menu.php'); return false;">Link teste 1</a>
<div class="recebe">
  a página será aberta aqui
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Era pra fazer isso mesmo... era um teste! :)

 

Como você tem vários links na página terá que especificar qual deles irá para o $.GET, entendeu?

o EACH() que utilizei foi pra te mostrar uma forma de percorrer todos os links (no caso) que existem.

 

Se no teu caso você quer pegar o link "Clique aqui para abrir uma página html pelo httprequest" terá que especificá-lo, e poderá fazer isso utilizando o CLASS dele. Assim:

$.get($("a.exemplo").attr("href"),...

 

Entendeu mais ou menos? Sou ruim pra explicar! rs...

 

T +! ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

mostra o código todo pra eu dar uma olhada...

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
					"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="jquery-latest.js"></script>
  
  <script>
  
	  $(document).ready(function(){
  
	  $("#carregando").hide();
  
	 $(".exemplo").click(function() {
  
	  $("#carregando").ajaxStart(function(){
  
	  $(this).show();
  
	  $(".alvo").hide();
  
	  });
  
	  $("#carregando").ajaxStop(function(){
  
	  $(this).hide();
  
	  $(".alvo").show();
  
	  });
  
	  $.get($("a.exemplo").attr("href"),
  
	  {nome: "Alexandre", idade: "23"},
  
	  function(data) {
  
	  $(".alvo").empty().html(data);
 
	  });
  
	  return false;
  
	  });
  
	  });
	  
	  var saida = "";
$("a").each(function() {
  saida += $(this).attr("href")+"<br/>";
);
  </script>
</head>
<body>
<a href="class.menu.php" class="exemplo">class menu em php
</a>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div class="topico">
 <a href="chamada.php" class="exemplo">
   Clique aqui para abrir uma página html pelo httprequest
 </a>
<div id="carregando">
  
  carregando...
</div>
<div class="alvo">
  a página será aberta aqui
</div>
</div> 
<a href="class.menu.php" onClick="$('#recebe').load('class.menu.php'); return false;">Link teste 1</a>
<div class="recebe">
  a página será aberta aqui
</div>
</body>
</html>

 

 

 

e tem esse aki q esta me qubrando um galho,mas nao mostra a imagem de loading.. e os links d outras paginas q ele "inclui" nao ficaou com o mesmo efeito da pagina index, nem quando inclui ela mesma....e quando coloquei o link home para a pagina index ele se inclui e fica repecursivo...

 

 

<html>
<head>
<title>Teste</title>

<link rel="stylesheet" href="estilo.css" type="text/css" media="screen">
<script type="text/javascript" src="jquery-latest.js"></script>

<script>
	$(document).ready(function(){
		$('#centro').append("<div style='position: absolute; top: 20px; left: 220px;' id='loading'><img src='roda.gif' alt='Carregando...' /></div>");
		$('#loading').hide(); //ocultando o loading
		
		//fazendo o ajax
		$('a').click( function(){
			$('li.selected').removeClass('selected'); //tirando o selected do anterior
			$(this).parent('li').addClass('selected'); //deixando o atual selected
			$(this).parent('li').fadeIn("slow"); //dando um efeitinho extra pra ficar bonito
			var url = this.href; //alterando a url pra informar ao PHP que to pedindo ajax
			$("#centro").fadeOut("fast"); //escondendo os topicos antigos
			$("#centro #loading").show("slow"); //exibindo a imagem de loading
			$.get( url, function(data){
				var $lista = $("#centro"); //guardando o elemento dos topicos em uma variavel
				$lista.html(data); //colocando o que chegou via ajax dentro dela
				$("#loading").hide("fast"); //ocultando o loading
				$lista.fadeIn("normal"); //exibindo o que chegou
			});
				
			return false; //pra cancelar o clique padrão do link
		});
	});
</script>


</head>
<body>

		<p><a href="http://localhost/testes/novoajax/">home</a></p>
		<p><a href='teste1.html'>Link</a><br>
			<a href='teste2.html'>Link</a><br>
			  <a href='teste3.php?nome=igor'>Link</a>
		  
		  
			</p>
<div id='centro'>
		blablalblalblabl blal bl
	</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

ta parecendo que você tem 2 páginas HTML em uma... tem umas tags ali que estão erradas!

Exclui isso aqui:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

Fica antes disso:

<div class="topico">

 

ABRAX!

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

você quer o loading nesse novo no mesmo esquema que tinha no outro? É só olhar a codificação dele e adaptar pra novo...

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

^o) pra falar a verdade, eu kero so o efeito de loading nas paginas mas usarei paginas criadas pelo dreamweaver, mas sao paginas php com paginacao e tals, entao eu keria q esse efeito aparecesse em todas as paginas e em todos os links, quando clicar em qq link...

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Cara... não entendo! Ele está no teu código e está correto! O que acontece? Da erro?

Talvez se você mudar a linha que mostra ele funcione...

Mude disso:

$("#centro #loading").show("slow"); //exibindo a imagem de loading

Para isso:

$("#loading").show("slow"); //exibindo a imagem de loading

 

Vê ae...

 

ABRAX!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

vamos dizer q esse codigo esta na index...os links da index funfan, direitinho, mas eu keria q pegasse tb os links das outras paginas q ele carregar...entende...?

 

 

inclusive o link home, ele carrega na div ele proprio, como evito isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

tenta colocar ele em um arquivo separado (.js), fazer a chamada dele nas páginas e trabalhar um pouco mais dinamicamente (sem fixar nome de links)....

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