Jump to content
JMSR

Mostrar imagem loading enquanto carrega dados

Recommended Posts

JMSR

Boa tarde,

alguem aqui me pode explicar como mostrar uma imagem enquanto a pagina carrega dados da BD em php (em server side)?

Obrigado

Share this post


Link to post
Share on other sites
NunoDinis

Estás a carregar os dados com uma requisição ajax ?


Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Share this post


Link to post
Share on other sites
N3lson

Boas eu por acaso criei uma função para esse efeito, que seguidamente irá redireccionar para onde pretendermos.


function redirecionar($tempo,$url, $mensagem){
  header("Refresh: $tempo; url=$url");
 echo '<center>'.$mensagem.  '</center><br/>';
 echo '<center><img src="endereço_da_imagem" alt="" /><br/><br/><tt>A REDIRECCIONAR</tt></center>';  
}

depois é só aplicar a função para o que desejares

redirecionar('5','link','mensagem a mostrar');

No meu caso estou a usar um gif a dizer a carregar dados ... com uma barra a mexer...

Edited by N3lson

You can't do it, kid. But don't worry, my boy. You're not the only one. No one else can do it.

Share this post


Link to post
Share on other sites
NunoDinis

Boas eu por acaso criei uma função para esse efeito, que seguidamente irá redireccionar para onde pretendermos.


function redirecionar($tempo,$url, $mensagem){
  header("Refresh: $tempo; url=$url");
 echo '<center>'.$mensagem.  '</center><br/>';
 echo '<center><img src="endereço_da_imagem" alt="" /><br/><br/><tt>A REDIRECCIONAR</tt></center>';  
}

depois é só aplicar a função para o que desejares

redirecionar('5','link','mensagem a mostrar');

No meu caso estou a usar um gif a dizer a carregar dados ... com uma barra a mexer...

E se por acaso a página demorar menos de 5 segundos ? Ou mais de 5 ? Isso não é correto.

Tens que fazer com javascript.

É um exemplo:

$.ajax({
   type: 'POST',
   url: 'operacoes.php',
   data: { op: op },
   beforeSend:function(){
	  document.getElementById('loader').style.display='block';
	},
   success:function(data){
	   carregarDados(); //funcao para carregardados
	  document.getElementById('loader').style.display='none';
   },
   error:function(error){
	 alert(error.responseText);
  }
   });

Edited by NunoDinis
  • Vote 1

Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Share this post


Link to post
Share on other sites
brunoais

É um exemplo:

...

Eu preferia se tivesses mesmo feito em js...


var request = new xmlHttpRequest();

request.open('GET', '[url com parametros aqui]', true);

request.addEventListener('load', function (){
   // faz aqui o que é suposto fazer quando ler correctamente
}, false);

request.addEventListener('error', function (){
   // faz aqui o que é suposto fazer quando ler com erro
}, false);

request.addEventListener('loadend', function (){
   // escreve aqui o código para fazer desaparecer a imagem que indica que está a ler
}, false);

request.send();

// escreve aqui o código para fazer aparecer a imagem que indica que está a ler

Da minha experiencia com outros, por novatos ainda a aprender a lidar com bibliotecas só é uma boa receita para o "desastre"

Edited by brunoais

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
NunoDinis

Da minha experiencia com outros, por novatos ainda a aprender a lidar com bibliotecas só é uma boa receita para o "desastre"

Acredito que sim. Embora não seja nenhum bicho de sete cabeças :)


Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

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

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.