Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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"
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>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>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.
Você colocou os códigos q eu passei no arquivo pagina2.php?
Coloquei mas mesmo assim não rolou, não carrega, no seu teste deu certo?
Cara, a o gif fica girando sem parar, ele não some
Some sim. Assim que chegar em casa posso até gravar em vídeo.
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?
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.
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>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.
Tenta colocar o seguinte na página2.php, usando jQuery.