[Jquery] Problema com váriavel

Alanps · 7 de dezembro de 2012

Oi, tenho um código para abrir a página sem refresh e aparecer uma immagem enquanto carrega, tudo funciona bem mas depois que a imagem some ele não carrega a página, tentei colocar a váriavel com a url da página de diversas formas mas não consegui fazer funcionar...ai vai o código:


<script type="text/javascript">
$(document).ready(function(){
	$("a").click(function( e ){
		e.preventDefault();
		var href2 = $( this ).attr('href');
		var objeto2 = document.getElementById ('loader');
		objeto2.style.display = 'block';
			if ($( this ).attr('target')) {
			window.open(href);
			}
				else {
					'parte com problemas!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

					[COLOR="Red"]var href3 = $( this ).attr('href');
					$("#conteudo").load([B]href3[/B], function(){                 'váriavel href3 não funciona!!!!!!!!!!!!!!
					var objeto2 = document.getElementById ('loader');
					objeto2.style.display = 'none';
					alert( href3 );
					});[/COLOR]				}
	});

});
</script>

Aguardo respostas...

DiF · 7 de dezembro de 2012

Olá,

recomendo que se possível não misture javascript puro com jquery!

Segue um exemplo que pode ser útil:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){

		$.ajaxSetup({
			  beforeSend: function() {
			     $('#carregando').show();
			  },
			  complete: function(){
			     $('#carregando').hide();

			  },
			  success: function() {}

			});


		$(".url").click(function(e){
			e.preventDefault();
			var url = $(this).attr('href');
			$('#conteudo').load(url);
		});
	});
</script>
<style type="text/css">
	#conteudo{
	   width: 60%;
	   height: 400px;
	   background: green;
	   margin: 0 auto;
	}

	#carregando{ 
		position: absolute;
		top: 60px;
		left: 400px;
		display: none;
	}

	p{ display: block; }
</style>

</head>
<body>

<p><a class="url" href="a1.html">link1 </a></p>
<p><a class="url" href="a2.html">link2 </a></p>
<p><a class="url" href="a3.html">link3 </a></p>


<div id="conteudo">
	<div id="carregando">
		<img alt="carregando" src="ajax-loader.gif">
	</div>

</div>

</body>
</html>

Mog.Lucas · 7 de dezembro de 2012

Dá um alert na variavel href3 antes da linha onde ela é usada e verifique seu valor e tipo (funcao typeof)

Alanps · 8 de dezembro de 2012

poxa fiquei umas 5horas direto mexendo nisso e era só colocar a div que vai carregar fora da do conteudo detalhe besta..

quanto tempo perdido :/

valeu!!


	<div id="carregando">
		<img alt="carregando" src="ajax-loader.gif">
	</div>

<div id="conteudo">
</div>

DiF · 9 de dezembro de 2012

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.

Entrar

[Jquery] Problema com váriavel

Posts recomendados

Alanps

DiF

Mog.Lucas

Alanps

DiF

Arquivado

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos