Webly

Internet + Humana

Ir para o Conteúdo
Ir para o Menu
Ir para a Busca
Ir para o Login

Assine:

Navegação

Ocultando A Página Até Que Ela Seja Carregada

Ocultando a página até que ela seja carregada

Escrito por IgTheBes em JavaScript e Ajax. Data: 19/02/2008

Ver tópico original no fórum.

Acabei desenvolvendo este pequeno código abaixo pela necessidade de um script que ocultasse a página e só mostrasse uma mensagem que diz "Aguarde, carregando..." até que ela fosse completamente carregada.
Achei vários códigos semelhantes na web, mas, nenhum como o meu... alguns só funcionavam no Internet Explorer outras não funcionavam e assim em diante.

O meu código funciona em Opera, Internet Explorer e Firefox (não testado em outros navegadores).

Arquivos Carregador.js

CODE

/*********************************************************************\

CARREGADOR

Escrito por: Igor Ferreira Cemim
Email: igor.cemim em yahoo.com.br
Blog: www.igorcemim.xmb.com.br

\*********************************************************************/

var Carregador_Linha1 = '<div id="Carregando">';
var Carregador_Linha2 = 'Carregando a página, por favor aguarde...';
var Carregador_Linha3 = '</div>';
var Carregador_Linha4 = '<div id="Pagina" style="display: none;">';
var Carregador_Linha5 = '</div>';

function Carregado() {
document.getElementById('Carregando').style.display='none';
document.getElementById('Pagina').style.display='block';
}

Exemplo da utilização do código:

Arquivo Pagina.html

CODE

<html>
   <head>
     <title>Carregador</title>
     <script src="Carregador.js"></script>
   </head>
   <body OnLoad="Carregado()">
   <script>
   document.write(Carregador_Linha1);
   document.write(Carregador_Linha2);
   document.write(Carregador_Linha3);
   document.write(Carregador_Linha4);
   </script>

   Sua página aqui.

   <script>
   document.write(Carregador_Linha5);
   </script>
   </body>
</html>

Simples não!?
Obs.: Por favor mantenha meus créditos.

Abraços, Igor Cemim

Você gostou? Comente no fórum!

Comentários:

JulioGreff disse:

Creio que a EXT faça isso, basta olhar no fonte da própria documentação.
A propósito, o document.write não é uma boa idéia...

Bermonruf disse:

Nem embutir Js no HTML desse jeito.

Carutcho disse:

Ficaria melhor tb acrescentar os campos via DOM..

mesmo assim, parabéns pelo código.

abss

IgTheBes disse:

Só para salientar:
Eu não sou especialista em Java Script, não sei quase nada, só fiz esse código por que tive a necessidade de faze-lo, e resolvi compartilhá-lo com todos.

Abraços

Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).

Mais recentes em JavaScript e Ajax

Validador de formulário: Por carlosmborgesjr - Boa tarde, - cara, seu validador ficou muito bom, muito...
[prototype]classe de utilidades - continuação: Por Carutcho - Continuação da classe, método setattrib...
[prototype]classe de utilidades: Por Carutcho - Criando classe de utilidades aos poucos....
O que permite várias requisições: Por VBRSOFT - Olá micox, - parabéns, é um excelente script! -...
Accordion menu - mootools: Por dragun - Menu sanfona...

Ver mais Artigos de JavaScript e Ajax.

Ver e retirar outras dúvidas no fórum Webly.

Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com