Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

JMSR

Mostrar imagem loading enquanto carrega dados

Mensagens Recomendadas

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...

Editado por 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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);
  }
   });

Editado por NunoDinis
  • Voto 1

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

ndsotware.org

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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"

Editado por 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%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.