Ir para conteúdo
Fórum Script Brasil
  • 0

Preload De Pagina Html Em Javascript

Guest Gustavo Brocchi

Perguntado por Guest Gustavo Brocchi,

 Share

Pergunta

Guest Gustavo Brocchi

Guest Gustavo Brocchi

Postado
Postado

fala galera!!!

estou com um problema, sou leigo em javascript, e gostaria de saber se há possibilidade de fazer um preloader de uma pagina em html para que a pagina só aparecesse quando estivesse totalmente carregada, seria mais ou menos assim

a pessoa digitaria o endereço na internet e cairia em uma pagina com a logo da empresa escrito, carregando site, após o site todo carregado ele iria ser redirecionado para a pagina inicial, se alguém puder me ajudar com isso...

Link para o comentário
Compartilhar em outros sites

14 respostass a esta questão

Posts Recomendados

  • 0
Guest --gustavo --

Guest --gustavo --

Postado
Postado

sabe onde encrontro algum códico que simula um carregamento? tinha ele mas não acho mais, com o ogbetivo de uma pagina aparecer um tempo antes da outra

Link para o comentário
Compartilhar em outros sites
  • 0
Mestre SAM

Mestre SAM

Postado
Postado (editado)

opa

acredito que seja algo do tipo:

<div>
< script language="JavaScript" type="text/javascript" >
document.write('<div id="loadings">carregando...</div>');

window.onload = function() {
    document.getElementById("loadings").style.display = "none";
}
</script>
</div>

coloca o codigo de preferencia no inicio do html.

at,

Editado por Mestre SAM
Link para o comentário
Compartilhar em outros sites
  • 0
Mestre SAM

Mestre SAM

Postado
Postado

gustavo,

um codigo muito mais enxuto e facil do que o apresentado acima,

pode ser feito assim:

<div id="loading" style="float: right;font-size: 10px;margin-right: 10px;">Loading...</div>
coloca essa div de preferencia no inicio do seu codigo html. e no evento onload do seu body: 
<body onload='document.getElementById("loading").style.display="none";'>

o codigo acima realmente tava muito ruim, usando 2 divs, document write, uma solucao bem pobre.

at,

Link para o comentário
Compartilhar em outros sites
  • 0
Guest --gustavo --

Guest --gustavo --

Postado
Postado

seria assim? (desculpem é que sou leigo no assunto hahaahah)

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

</head>

<body>

<body onload='document.getElementById("loading").style.display="none";'>

</body>

</html>

<div id="loading" style="float: right;font-size: 10px;margin-right: 10px;">Loading...</div>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest --gustavo --

Guest --gustavo --

Postado
Postado

errei, agora a pergunta dnovo hahah

é assim?

<!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=iso-8859-1" />

<title>Untitled Document</title>

</head>

<body>

<body onload='document.getElementById("loading").style.display="none";'>

</body>

<div id="loading" style="float: right;font-size: 10px;margin-right: 10px;">Loading...</div>

</html>

da pra controlar o tempo que aparecerá o loading?

Link para o comentário
Compartilhar em outros sites
  • 0
Mestre SAM

Mestre SAM

Postado
Postado

então gustavo,

é quase isso,

no seu codigo aparece 2 vezes a tag <body>, uma com onload e outra sem.

você precisa deixar apenas 1.

e a tag <div> viria logo apos a tag <body>, assim:

<body onload='document.getElementById("loading").style.display="none";'>
<div id="loading" style="float: right;font-size: 10px;margin-right: 10px;">Loading...</div>

se a sua pagina não tem "quase" nada, realmente o carregamento é super rapido, e vai ser dificil de ver a mensagem de carregando.

você quer deixar a mensagem de carregando, mesmo depois da pagina terminar de carregar?

vix, porque?

mas da pra fazer sim, é só colocar o comando dentro de um metodo js,

e depois do onload chamar o metodo setTimeOut.

se você quizer fazer assim, da uma procura no forum a respeito do setTimeOut,

e qualquer duvida, é só postar que estamos ai pra ajudar.

at,

Link para o comentário
Compartilhar em outros sites
  • 0
Guest --gustavo --

Guest --gustavo --

Postado
Postado

então, eu também achei inútil quem entrar na pagina ter que ficar esperando mas o cliente quer que antes de entrar na pagina, apareça uma pagina com o logo da empresa, mas como o site não é tão pesado essa pagina não ficaria nem 2 seg, vo tentar esse codigo e respondo se conseguir

Link para o comentário
Compartilhar em outros sites
  • 0
Mestre SAM

Mestre SAM

Postado
Postado

ah,

mas entaum não use um codigo pra carregamento.

use 2 paginas, uma com o conteudo da pagina, e outra com apenas a logo da pagina.

tipo, e coloque a primeira pagina "index.html" com apenas a logo da empresa.

e dentro desse codigo que contem apenas a imagem, coloque um redirecionamento para

outra pagina que contem o conteudo.

use um setTimeOut no onload da pagina com o login.

e um metodo para chamar a pagina de conteudo.

windo.location = conteudo.html.

entendeu a ideia?!

tenta ai, qualquer duvida tamo na area.

sucesso

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      652k
×
×
  • Criar Novo...