"Carregando" em JavaScript???

tdelgrande · Agosto 4, 2003

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

hinom · Agosto 4, 2003

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"

tdelgrande · Agosto 4, 2003

Eu já busquei, mas não achei nada simples como eu quero!!Queria um script bem simples, porque o site onde vou aplicá-lo possui muitas imagens na página principal.

Cyber · Agosto 5, 2003

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>

;)

Cyber · Agosto 5, 2003

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

sitenovo · Agosto 5, 2003

Seguinte,

Veja se isso funciona:

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

Cyber · Agosto 5, 2003

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

Volpisp · Agosto 5, 2003

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:

=>=>=>"

TheOvniBoss · Agosto 6, 2003

Mariel · Setembro 4, 2006

<script language="JavaScript">  </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...

filipescoob · Setembro 4, 2006

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

Mariel · Setembro 4, 2006

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

Arquivado

"Carregando" em JavaScript???

Recommended Posts

tdelgrande 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

tdelgrande 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cyber 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cyber 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cyber 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Volpisp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

TheOvniBoss 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mariel 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

filipescoob 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mariel 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante