D31v1d1 Postado Setembro 10, 2009 Denunciar Share Postado Setembro 10, 2009 Boa tarde, entrei no site apontador e vi um carregador bem diferente, alguém sabe como fazer um carregador para html em javascript como este, que após carregar ele someabraço Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Setembro 11, 2009 Denunciar Share Postado Setembro 11, 2009 Não cheguei a ver com muita atenção, mas existe uma div com essa mensagem.Provavelmente ao carregar a parte desejada essa div some e o resto é mostrado (evento onload) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Danilo Moraes Postado Setembro 11, 2009 Denunciar Share Postado Setembro 11, 2009 <style type="text/css"> .carregando { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#FFFFFF none repeat scroll 0 0; border:8px solid #C4DAFF; left:38%; padding:10px; position:fixed; top:18%; width:220px; z-index:100001; } </style> <div id="carregando" class="carregando" style="display: none;"> Aguarde, carregando <img alt="Carregando" title="Carregando" src="http://www.apontador.com.br/produtos/images/home/loading2.gif?v=020920090946"/> </div> Como já falei algumas vezes, se querem saber como fazer algo que já existe, apenas procurem no codigo fonte :S E não estava dificil achar, esse era o segundo div depois de <body> =// Vamo pesquisar mais pessoal!! Bom, mas seguindo o assunto... No css, a unica coisa que talvez de alguma duvida são aqueles -moz-border-radius.... são propriedades proprias da mozilla que deicham cantos arredondados... Nesse exemplo ele deichou o zindex(parecido com a logica de camadas) em 1001, para que esse div ficase em cima de qualquer outro... A parte de estilos na minha opiniao e a mais dificil, o javascript é barbada :P Eu não testei fazer aki, mas la vai uma ideia de como fazer: Coloca esse div como o primeiro elemento do codigo, ficaria assim: <body> <div id="carregando" class="carregando" style="display: block;"> Aguarde, carregando <img alt="Carregando" title="Carregando" src="http://www.apontador.com.br/produtos/images/home/loading2.gif?v=020920090946"/> </div> E obviamente inclua o css. Repare que eu coloquei o elemento como block, para que o primeiro elemento a ser carregado, seja este div... E tenta colocar no body, o seguinte script: <body onload="document.getElementById('carregando').style.display='none';"> <div id="carregando" class="carregando" style="display: block;"> Aguarde, carregando <img alt="Carregando" title="Carregando" src="http://www.apontador.com.br/produtos/images/home/loading2.gif?v=020920090946"/> </div>Isso fara com que o div passe para display none assim que a pagina carregar por completo. O evento onload, so e disparado quando todas as imagens são carregadas... :Pacho que é isso, testa aew e depois fala como ficou.T+ Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
D31v1d1
Boa tarde, entrei no site apontador e vi um carregador bem diferente, alguém sabe como fazer um carregador para html em javascript como este, que após carregar ele some
abraço
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.