Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

tdelgrande

"Carregando" em JavaScript???

Recommended Posts

Como eu faço um "Carregando" para o meu site sem usar Flash? Pode ser em VBScript ou JavaScript, pode aparecer só um texto, uma coisa bem simples. Eu queria só que o site só abrisse por inteiro após o carregamento de todas as imagens. []'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

o problema em usar esses scripts é compatibilidade entre browsers e aas versões desses browsers.

mas se quiser mesmo utilize o mescanismo de busca do forum:

 

BUSCA

 

procure por "carregando" ou "carregar"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Engraçado, me parece q ja respondi essa pergunta em algum lugar....kkkkkk... Dejavo......haiuahiaua.. sei la como escreve!!!!

 

<HEAD><script LANGUAGE="JavaScript">function loadImages() {if (document.getElementById) {  // DOM3 = IE5, NS6document.getElementById('hidepage').style.visibility = 'hidden';}else {if (document.layers) {  // Netscape 4document.hidepage.visibility = 'hidden';}else {  // IE 4document.all.hidepage.style.visibility = 'hidden';}}}</script></HEAD><BODY OnLoad="loadImages()"><div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;"> <table width=100%><tr><td>Page loading...</td></tr></table></div> <!-- Seu Conteudo fica aqui abaixo --><font face=verdana size=-1>Minha página bla, bla, bla....</font>
;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ahh esqueci.... Script compativel com NS4 e IE4! ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,

Veja se isso funciona:

 

<div id="splashcontainer" style="position:absolute;width:700; left: 380px"></div>

 

<layer id="splashcontainerns" width=790 height="19" left="396"></layer>

 

 

<script>

 

var intervals=250

var targetdestination="menu.htm"

 

var splashmessage=new Array()

var openingtags='<font face="Verdana" size="4" color=#333333><b>'

splashmessage[0]="carregando . 5%"

splashmessage[1]="carregando .. 10%"

splashmessage[2]="carregando ... 15%"

splashmessage[3]="carregando .... 20%"

splashmessage[4]="carregando ..... 25%"

splashmessage[5]="carregando ...... 30%"

splashmessage[6]="carregando ....... 35%"

splashmessage[7]="carregando ........ 40%"

splashmessage[8]="carregando ......... 45%"

splashmessage[9]="carregando .......... 50%"

splashmessage[10]="carregando ........... 55%"

splashmessage[11]="carregando ............ 60%"

splashmessage[12]="carregando ............. 65%"

splashmessage[13]="carregando .............. 70%"

splashmessage[14]="carregando ............... 75%"

splashmessage[15]="carregando ................ 80%"

splashmessage[16]="carregando ................. 85%"

splashmessage[17]="carregando .................. 90%"

splashmessage[18]="carregando ................... 95%"

splashmessage[19]="carregando .................... 100%"

=>=>=>"

splashmessage[23]="<=<=<=<= Bem vindo ao site do Colchões Trorion =>=>=>=>"

var closingtags='</font>'

 

var i=0

 

function displaysplash_ie(){

if (i<splashmessage.length){

sc_ie.style.visibility="hidden"

sc_ie.innerHTML='<b><center>'+openingtags+splashmessage+closingtags+'</center></b>'

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

sc_ie.style.visibility="visible"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ie()",intervals)

}

 

function displaysplash_ns(){

if (i<splashmessage.length){

sc_ns.visibility="hide"

sc_ns.document.write('<b>'+openingtags+splashmessage+closingtags+'</b>')

sc_ns.document.close()

 

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

 

sc_ns.visibility="show"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ns()",intervals)

}

 

 

 

function positionsplashcontainer(){

if (document.all){

sc_ie=document.all.splashcontainer

sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

displaysplash_ie()

}

else if (document.layers){

sc_ns=document.splashcontainerns

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

sc_ns.visibility="show"

displaysplash_ns()

}

else

window.location=targetdestination

}

window.onload=positionsplashcontainer

 

</script>

 

 

[]s

Rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,

Veja se isso funciona:

 

<div id="splashcontainer" style="position:absolute;width:700; left: 380px"></div>

 

<layer id="splashcontainerns" width=790 height="19" left="396"></layer>

 

 

<script>

 

var intervals=250

var targetdestination="menu.htm"

 

var splashmessage=new Array()

var openingtags='<font face="Verdana" size="4" color=#333333><b>'

splashmessage[0]="carregando . 5%"

splashmessage[1]="carregando .. 10%"

splashmessage[2]="carregando ... 15%"

splashmessage[3]="carregando .... 20%"

splashmessage[4]="carregando ..... 25%"

splashmessage[5]="carregando ...... 30%"

splashmessage[6]="carregando ....... 35%"

splashmessage[7]="carregando ........ 40%"

splashmessage[8]="carregando ......... 45%"

splashmessage[9]="carregando .......... 50%"

splashmessage[10]="carregando ........... 55%"

splashmessage[11]="carregando ............ 60%"

splashmessage[12]="carregando ............. 65%"

splashmessage[13]="carregando .............. 70%"

splashmessage[14]="carregando ............... 75%"

splashmessage[15]="carregando ................ 80%"

splashmessage[16]="carregando ................. 85%"

splashmessage[17]="carregando .................. 90%"

splashmessage[18]="carregando ................... 95%"

splashmessage[19]="carregando .................... 100%"

=>=>=>"

splashmessage[23]="<=<=<=<= Bem vindo ao site do Colchões Trorion =>=>=>=>"

var closingtags='</font>'

 

var i=0

 

function displaysplash_ie(){

if (i<splashmessage.length){

sc_ie.style.visibility="hidden"

sc_ie.innerHTML='<b><center>'+openingtags+splashmessage+closingtags+'</center></b>'

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

sc_ie.style.visibility="visible"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ie()",intervals)

}

 

function displaysplash_ns(){

if (i<splashmessage.length){

sc_ns.visibility="hide"

sc_ns.document.write('<b>'+openingtags+splashmessage+closingtags+'</b>')

sc_ns.document.close()

 

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

 

sc_ns.visibility="show"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ns()",intervals)

}

 

 

 

function positionsplashcontainer(){

if (document.all){

sc_ie=document.all.splashcontainer

sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

displaysplash_ie()

}

else if (document.layers){

sc_ns=document.splashcontainerns

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

sc_ns.visibility="show"

displaysplash_ns()

}

else

window.location=targetdestination

}

window.onload=positionsplashcontainer

 

</script>

 

 

[]s

Rodney

kkkkkkk.......isso nao parece um codigo simples como ele queria!!!!

kkkkkkkkkkk..... :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,

Veja se isso funciona:

 

<div id="splashcontainer" style="position:absolute;width:700; left: 380px"></div>

 

<layer id="splashcontainerns" width=790 height="19" left="396"></layer>

 

 

<script>

 

var intervals=250

var targetdestination="menu.htm"

 

var splashmessage=new Array()

var openingtags='<font face="Verdana" size="4" color=#333333><b>'

splashmessage[0]="carregando . 5%"

splashmessage[1]="carregando .. 10%"

splashmessage[2]="carregando ... 15%"

splashmessage[3]="carregando .... 20%"

splashmessage[4]="carregando ..... 25%"

splashmessage[5]="carregando ...... 30%"

splashmessage[6]="carregando ....... 35%"

splashmessage[7]="carregando ........ 40%"

splashmessage[8]="carregando ......... 45%"

splashmessage[9]="carregando .......... 50%"

splashmessage[10]="carregando ........... 55%"

splashmessage[11]="carregando ............ 60%"

splashmessage[12]="carregando ............. 65%"

splashmessage[13]="carregando .............. 70%"

splashmessage[14]="carregando ............... 75%"

splashmessage[15]="carregando ................ 80%"

splashmessage[16]="carregando ................. 85%"

splashmessage[17]="carregando .................. 90%"

splashmessage[18]="carregando ................... 95%"

splashmessage[19]="carregando .................... 100%"

=>=>=>"

splashmessage[23]="<=<=<=<= Bem vindo ao site do Colchões Trorion =>=>=>=>"

var closingtags='</font>'

 

var i=0

 

function displaysplash_ie(){

if (i<splashmessage.length){

sc_ie.style.visibility="hidden"

sc_ie.innerHTML='<b><center>'+openingtags+splashmessage+closingtags+'</center></b>'

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

sc_ie.style.visibility="visible"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ie()",intervals)

}

 

function displaysplash_ns(){

if (i<splashmessage.length){

sc_ns.visibility="hide"

sc_ns.document.write('<b>'+openingtags+splashmessage+closingtags+'</b>')

sc_ns.document.close()

 

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

 

sc_ns.visibility="show"

i++

}

else{

window.location=targetdestination

return

}

setTimeout("displaysplash_ns()",intervals)

}

 

 

 

function positionsplashcontainer(){

if (document.all){

sc_ie=document.all.splashcontainer

sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2

sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2

displaysplash_ie()

}

else if (document.layers){

sc_ns=document.splashcontainerns

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2

sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

sc_ns.visibility="show"

displaysplash_ns()

}

else

window.location=targetdestination

}

window.onload=positionsplashcontainer

 

</script>

 

 

[]s

Rodney

Ate que fununcia.. mas e preciso retirar essa linha:

 

=>=>=>"

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script language="JavaScript"> <!-- //function OnLoad() { if (document.getElementById) // IE5 NN6 document.getElementById("loading").style.visibility="hidden"; else if (document.layers) // NN4 document.loading.visibility="hidden"; else if (document.all) // IE4 document.all.loading.style.visibility="hidden"; } --> </script> </head><body onload="OnLoad()"><div align="center" id="loading" style="width: 450px; height: 60px; background-color: black; position: absolute; top: 1; left: 1;"> <font size="2" color="#808080">Carregando galeria... Por favor aguarde.</font> </div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script language="JavaScript"> <!-- //function OnLoad() { if (document.getElementById) // IE5 NN6 document.getElementById("loading").style.visibility="hidden"; else if (document.layers) // NN4 document.loading.visibility="hidden"; else if (document.all) // IE4 document.all.loading.style.visibility="hidden"; } --> </script> </head><body onload="OnLoad()"><div align="center" id="loading" style="width: 450px; height: 60px; background-color: black; position: absolute; top: 1; left: 1;"> <font size="2" color="#808080">Carregando galeria... Por favor aguarde.</font> </div>

ressucitando o post...TheOvniBoss,Menino, esse esqueminha é bem legal, mas a layer com a frase "Carregando galeria... Por favor aguarde" não some depois que carrega as imgs...

Compartilhar este post


Link para o post
Compartilhar em outros sites

até tentei ver o que era mas nem apareceu nada para mim, presumo que esteja ok...

hmmmparece que consegui fazer funcionar!! \o/www.bananapop.com

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.