wmo.btu Postado Março 16, 2011 Denunciar Share Postado Março 16, 2011 (editado) Galera tenho esse código com 1 preloader 0 a 100, porém gostaria de fazer o seguinte quando chegasse no final ou seja no 0 ele carregasse uma outra pagina, alguém poderia me ajudar?<html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" > cont = 0 total = 100 function a(){ if( cont < 100) { document.getElementById("bar").style.width =cont++ +"px" document.getElementById("contagem").innerHTML=total-cont +"%" } } setInterval("a()",100) </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .barra { background-color: #E0DFE3; height: 20px; width: 100px; border: 1px solid #666666; } .progresso { background-color: #000099; height: 20px; width: 100px; } .contagem { height: 20px; width: 100px; text-align: center; color: #333333; } --> </style> </head> <body onload="a()"> <div id="contagem" class="contagem"></div> <div class="barra"> <div id="bar" class="progresso" style="width:2px"></div> </div> </body> </html> Editado Março 21, 2011 por fercosmig add tag's Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 vini_loock Postado Março 16, 2011 Denunciar Share Postado Março 16, 2011 function a(){ if(count == 0){ window.location='url.html'; }else{ if( cont < 100) { document.getElementById("bar").style.width =cont++ +"px" document.getElementById("contagem").innerHTML=total-cont +"%" } } } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wmo.btu Postado Março 16, 2011 Autor Denunciar Share Postado Março 16, 2011 vini_loock, valeu pela resposta.Só mais uma coisa!Caso queira colocar uma imagem .gif pra carregar o q devo fazer? aproveitando essa contagem q é feita.obrigado Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 vini_loock Postado Março 16, 2011 Denunciar Share Postado Março 16, 2011 Onde seria colocada esa imagem? na div #bar?Acredito que seja uma barra parecida com a antiga do imageshack, se for, é só você colocar no css um background-image com uma imagem .gif Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wmo.btu Postado Março 17, 2011 Autor Denunciar Share Postado Março 17, 2011 vini_loock não sei se entendi, mas gostaria de fazer o seguinte apreitando aquele tempo q tenho de 0 a 100, gostaria de ao invés de usar a barra carregado até 100 usar um gif que já tenho, ou seja esse gif ficar sendo animado até dar 100 quado chegar no 100 ele direciona pra página q quero, esse gif ou exibirei em um div ou no corpo da página mesmo.É que não achei nenhum site q faça isso, mas se achar posto pra mostrar.Valeu Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 vini_loock Postado Março 17, 2011 Denunciar Share Postado Março 17, 2011 function a(){ if(count == 0){ window.location='url.html'; }else{ if( cont < 100) { document.getElementById("bar").style.width =cont++ +"px" document.getElementById("contagem").innerHTML=total-cont +"%" }else{ window.location='url.html'; } } } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wmo.btu Postado Março 17, 2011 Autor Denunciar Share Postado Março 17, 2011 vini_loock não entendi.poderia explicar melhor.Value pela ajuda...http://tdn.totvs.com/kbm#21054segue o link para saber o que desejo, quando busca algo no campo, abaixo é mostrado um gif sendo carregado por 1 determinado tempo. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
wmo.btu
Galera tenho esse código com 1 preloader 0 a 100, porém gostaria de fazer o seguinte quando chegasse no final ou seja no 0 ele carregasse uma outra pagina, alguém poderia me ajudar?
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" > cont = 0 total = 100 function a(){ if( cont < 100) { document.getElementById("bar").style.width =cont++ +"px" document.getElementById("contagem").innerHTML=total-cont +"%" } } setInterval("a()",100) </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .barra { background-color: #E0DFE3; height: 20px; width: 100px; border: 1px solid #666666; } .progresso { background-color: #000099; height: 20px; width: 100px; } .contagem { height: 20px; width: 100px; text-align: center; color: #333333; } --> </style> </head> <body onload="a()"> <div id="contagem" class="contagem"></div> <div class="barra"> <div id="bar" class="progresso" style="width:2px"></div> </div> </body> </html>Editado por fercosmigadd tag's
Link para o comentário
Compartilhar em outros sites
6 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.