Ir para conteúdo

POWERED BY:

Arquivado

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

DouglasP

Carregar pagina

Por , em Javascript

Recommended Posts

DouglasP    1

DouglasP
Postado

Alguem teria aquele exemplo que enquanto carrega a pagina ele apareçe uma div por cima dela escrito carregando

ou mesmo o gif.

ai qdo carregado ele some e exibe o conteudo da pagina.

 

grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado

Com jquery resolvi assim:

 

http://forum.imasters.com.br/index.php...t=#entry1275814

 

Com javascript puro é com essa função

 

window.onload = function(){

alert('window.onload. Só depois das imagens ' + document.getElementById('teste').innerHTML)

}

 

veja esse aqui tb:

http://forum.imasters.com.br/index.php?showtopic=259090

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Então ta, eu vi as soluções ali e achei grande demais para uma coisa tao simples, principalmente esse do js puro ali, aqui vai a minha

 

arquivo carrega.asp

<%response.buffer = true ' a página será carregado no buffer, sera mandada para o cliente soh após o carregamento completo%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>carregando...</title>

<script language="JavaScript" type="text/JavaScript">
function loadImages() {
 if (document.getElementById) {  // DOM3 = IE5, NS6
 document.getElementById('hidepage').style.visibility = 'hidden';
 }
 else {
 if (document.layers) {  // Netscape 4
 document.hidepage.visibility = 'hidden';
 }
 else {  // IE 4
	   document.all.hidepage.style.visibility = 'hidden';
	}
	}
}
</script>

</head>

<body OnLoad="loadImages();">
<!--#include file="wait.asp"-->
<%
	Response.Flush 'envia conteúdo do buffer para o browser%>
<%
'loop de verificação

for i = o to 100000
	response.write i & "<br>"
next
%>
</body>
</htm

arquivo wait.asp

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
	<div id="hidepage" align="center" style="position: absolute; left:0px; top:0px; height: 1000; width: 800">
	<table width="450" cellpadding="10" cellspacing="1" style="border-style:outset; border-width:0; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" height="100%">
	  <tr>
		<td bgcolor="#F0F8FF" align="center">
			<table width="100%" border="0" cellspacing="5" cellpadding="5" style="border-collapse: collapse; border: 1px solid #C0C0C0; padding-top: 5px; padding-bottom: 5px">
			  <tr>
				<td width="10%"><img src="imagens/carregando.gif"></td>
				<td width="90%"><font size="1" face="Verdana" color="#666666"><b>Carregando...</b><br>Aguarde até que a página esteja carregada por completo.</font></td>
			  </tr>
			</table>
		</td>
	  </tr>
	</table>
	</div>
</html>

 

só não esqueça de colocar uma imagem onde pede ali no codigo:

<img src="imagens/carregando.gif">

agora é só você alterar como quer

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado

iRCC, testei seu script e realmente funciona. E é bem menor que minha solução com jquery.

Apenas um detalhe:

 

Como você mesmo menciona e sabe seu script vai primeiramente para o buffer do servidor.

Como sabemos que servidores dedicados não é pra todo mundo, eis a questão:

 

Como será que está a quantidade disponível de buffer do servidor naquele momento que a página foi solicitada?

Provavelmente mínima, pois sabemos que em um servidor pago (não dedicado) são hospedados vários sites no mesmo.

Resultado: a página demorará mais tempo para ser carregada, pois todo conteúdo irá primeiro pro buffer do servidor para depois ser exibida.

 

Fica aí a questão apenas para análise. Pois tc contigo pelo msn e você foi bem prestativo. Te agradeço pela atenção.

 

OBS: Sou estudante de php e jquery, só uso js puro quando nao consigo resolver com jquery. Por isso minha solução foi mais viável, no meu caso.

 

Abração e obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Sim, claro concordo com a questão do servidor e buffer, mas talvez para o DouglasP a solução que eu dei seja um pouco mais adequada pelo fato de ser mais simples do que usar JQuery mas ai fica a critério de quem vai usar, certo?

Existem várias outras formas de resolver isto, eu pelo menos já vi outras e a melhor que achei foi essa que eu uso.

 

Outra questão também alem dessas que você falou é de a pessoa querer usar JQuery, pois alguma preferem o JS puro como é meu caso.

 

Mas qualquer uma das soluções eu acho boa desde que funcione e o tópico seja resolvido por mim está tudo bem.

 

abraçoo e até mais.

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