Ir para conteúdo

POWERED BY:

Arquivado

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

Micilini Roll

mostrar imagem enquanto outra estiver sendo carregada- loading

Por , em Javascript

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

pessoal eu tenho este comando:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script>

var comeco;
var fim;
var tamanho = 4556.8; // TAMANHO DA IMAGEM EM KILOBYTES
window.onload = function() {
document.getElementById("carregar").style.display = "block";
document.getElementById("mostra").style.display = "none";
	comeco = new Date().getTime();
	document.getElementById('imagem').src = 'desing/1600x1200.png?' + comeco; // EVITAR O CACHE DA IMAGEM
	document.getElementById('imagem').onload = function() {
		fim = new Date().getTime();
		alert('A velocidade da sua internet é de ' + (tamanho / parseInt(parseInt( fim - comeco ) / 1000, 10)) + ' KB/S');
document.getElementById("carregar").style.display = "none";
document.getElementById("mostra").style.display = "block";
	}
}
</script>

<body>
<div id="carregar">
O teste de conexao esta sendo realizado ! 
<a href="" onclick="">Esta demorando,Cancelar este teste</a>
</div>
<div id="mostra">
mostra todo o conteudo do website ! 
</div>
<img src="" id="imagem" style="display:none;" />


</body>
</html>

 

 

 

que pega a velocidade da net da pessoa,so que enquanto o alert da variavel vel nao chega apareçe uma div dizendo

 

 

 

O teste de conexao esta sendo realizado ! Esta demorando,Cancelar este teste

 

 

junto ao link,dai quando o teste finaliza,apareçe outra mensagem dizendo

 

 

 

 

mostra todo o conteudo do website !

 

ate ai esta funcionando tudo normal,so que vamos imaginar que o teste de conexao do usuario esta demorando bastante e ele deseja cancelar,qual funçao que devo colocar naquele link para que ele cancele a funçao:

 




window.onload = function() {

 

 

 

 

 

e mostre o conteudo do website?!

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

olha o que da pra fazer neste link é o seguinte..sempre quando um teste é realizado..é criado uma cookie contendo o teste de velocidade do usuario,so que este comando de teste é o primeiro comando a apareçer na pagina,entao antes de executar o teste ele verifica se existe o cookie se existir nao é necessario realizar o teste,agora se nao existir ele realiza o teste,mas se nao existir e o rapaz nao desejar fazer o teste..? eu coloco um comando no link que ira realizar uns parametros na url,ira ser enviado:

 

 

 

index.php?p=nao_quero_teste

 

se existir p == nao_quero_teste...ira ser criada uma cookie contendo a velocidade de internet,sendo que a velocidade que esta cookie esta vai receber é 15kb/s,ou seja velocidade minima,dai pra a url nao ficar feia contendo index.php?p=nao_quero_teste,depois da cookie criada ira ser realizado um <meta hhtp-equiv refresh...> jogando pra index.php,dai ele verifica se tal cookie existe e nao é necessario realizar mais os testes! pronto!!!

 

ou da pra cancelar uma function via javascript?? :coolio:

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