Ir para conteúdo

POWERED BY:

Arquivado

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

bcs_ptx

Loading a partir de click

Por , em Javascript

Recommended Posts

bcs_ptx    0

bcs_ptx
Postado

eai pessoal, quando clico em um link e envia para uma pagina que costa uma consulta grande, queria fazer um loading até a pagina carregar, mas não consigo fazer isso, alguém pode me ajudar?

 

exemplo:

 

na pagina 1 tem o link

 

pagina1.html

<a hrhf='pagina2.php'>link</a>

 

 

na pagina 2 tem a consulta, onde é enviado a partir do clique do link.

 

então como posso fazer para o loading ficar aparecendo até a pagina2.php carregar por inteiro?

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Pacheco    132

Marlon Pacheco
Postado

Tenta colocar o seguinte na página2.php, usando jQuery.

$(window).load(function(){
  $('elemento_loading').show();
});
$(document).ready(function(){
  $('elemento_loading').hide();
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

A partir do exemplo do colega acima, é até menos custoso (usando o jQuery como exemplo), você deixar a div já aberta, e só usar o document ready para fechar ela! Assim evita algum tipo de interferência "parcial" no "caminho"

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

Beleza, mas seguindo o exemplo do Marlon, depois do clique do link queria que mostra o gif girando, como seria?

$(window).load(function(){
	$("#pagina").show();
        //ficar girando o gif até carregar a pagina
});
$(document).ready(function(){
	$("#pagina").hide();
});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Pacheco    132

Marlon Pacheco
Postado

Na pagina.php logo depois do body você coloca o elemento com o gif girando.

<body>
  <div id="pagina"><img src="loading.gif" alt="Loading..."></div>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

Ainda não deu cara, não funciona na hora, a ideia é tão simples mas eu não estou conseguindo fazer, em quanto a pagina está carregando fica alguma coisa aparecendo carregando, depois de carregar some, só isso, após o clique.

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

Sim cara, não sei oque estava acontecendo, mas agora deu certo, mas tipo, isso é só quando troca de pagina, pois no momento do clique ainda continua sem mostrar, a ideia é após o clique que ja comece a carregar, até carregar tudo da outra pagina, pois se a pagina for pesada, uma consulta lenta, quando eu clico no botão da pagina1, ele demora até entrar na pagina 2, entende?

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Ola,

 

Veja se exemplo te ajuda:

 

Abrir com Load

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Pacheco    132

Marlon Pacheco
Postado

Você não havia mencionado que chamava a página 2 por ajax. O exemplo que você passou só tem um link simples para outra página.

Nesse caso, o exemplo passado pelo wilnet é o que você precisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

Beleza pessoal, com os meus link ficou tudo certo, o problema quando tento encaminhar de um formulario, ai da pau, tipo eu usava um form por post, mas agora dessa forma, como posso fazer? E valeu ajuda de vocês

 

<form action='acao.php' method='post'>

<input type='submit'>

</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Pacheco    132

Marlon Pacheco
Postado

Não é mais fácil começar uma nova thread? Pra não misturar os assuntos?

Você pode fazer o post via $.ajax. Dá uma olhada na documentação do $.POST do jQuery.

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