babaloricha Postado Janeiro 18, 2007 Denunciar Share Postado Janeiro 18, 2007 ola galera eu tenho uma pagina que esta um pouco carregada, gostaria de saber se e possivel fazer um preloader com javascript? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 babaloricha Postado Janeiro 18, 2007 Autor Denunciar Share Postado Janeiro 18, 2007 opa já consegui quem quiser me da um toque!!!!! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 flavio Postado Janeiro 22, 2007 Denunciar Share Postado Janeiro 22, 2007 disponibiliza pra gente aí, véio Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 babaloricha Postado Janeiro 23, 2007 Autor Denunciar Share Postado Janeiro 23, 2007 beleza codigo java script //Variáveis globais var _loadTimer = setInterval(__loadAnima,18); var _loadPos = 0; var _loadDir = 2; var _loadLen = 0; //Anima a barra de progresso function __loadAnima(){ var elem = document.getElementById("barra_progresso"); if(elem != null){ if (_loadPos==0) _loadLen += _loadDir; if (_loadLen>32 || _loadPos>79) _loadPos += _loadDir; if (_loadPos>79) _loadLen -= _loadDir; if (_loadPos>79 && _loadLen==0) _loadPos=0; elem.style.left = _loadPos; elem.style.width = _loadLen; } } //Esconde o carregador function __loadEsconde(){ this.clearInterval(_loadTimer); var objLoader = document.getElementById("carregador_pai"); objLoader.style.display ="none"; objLoader.style.visibility ="hidden"; } codigo css #barra_progresso { FONT-SIZE: 1px; LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #006400 } #carregador_pai { WIDTH: 100%; POSITION: absolute; TOP: 80%; TEXT-ALIGN: center; } #carregador_fundo { FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4 } #carregador { BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; Z-INDEX: 2; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 130px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } está ai!opa falto isso<html><head><title>Carregador</title><link rel="stylesheet" type="text/css" href="carregador.css"><script language="JavaScript" src="carregador.js"></script></head><body onLoad="__loadEsconde();"><div id="carregador_pai"> <div id="carregador"> <div align="center">Aguarde carregando ...</div> <div id="carregador_fundo"><div id="barra_progresso"> </div></div> </div></div></body></html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest Visitante Postado Março 26, 2007 Denunciar Share Postado Março 26, 2007 Mas tem como fazer esse cara ao ser clicado em um botão ele aparecer??? tentei aqui mas não funciona...coloquei no no onsubmit="__loadAnima();", mas não apareceu o progresso...quando submeter o form ele aparece, assim que der o refresh na tele e some.. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 CSML sistemas Postado Março 27, 2007 Denunciar Share Postado Março 27, 2007 Confira este site: http://www.csml.com.brTem um "Carregando" lá que funciona. Como usa muito blend nas animações, é bom ter recurso disponível, a página simples não está disponível, por enquanto... B) Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
babaloricha
ola galera eu tenho uma pagina que esta um pouco carregada, gostaria de saber se e possivel fazer um preloader com javascript?
Link para o comentário
Compartilhar em outros sites
5 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.