Barra Progressiva

[Guest Danielle]

Oi, pessoal,

Será que alguém pode me ajudar por favor?

Estou criando páginas JSP no Dreamweaver MX e preciso adicionar uma barra progressiva que é ativada quando o usuário clica em um botão. Como faço isso?

Muito obrigada,

Danielle

[Deividy]

não entendi direito sua pergunta o que seria uma barra progressiva pra vc?

[Guest Danielle]

Oi,

O que quis dizer com barra progressiva é o seguinte: uma barra que vai sendo preenchida enquanto o usuário espera alguma ação ocorrer. Ela vai mostrando o progresso daquela ação.

Por exemplo, a pessoa digita um código e enquanto o sistema faz a busca, essa barra progressiva aparece.

Espero ter sido clara agora...

Obrigada

[Deividy]

foi sim

bom você pode usar isso de algumas formas um ex. e fazer uma barra de progresso em flash só pra simular

ou pode usar um script de JavaScrit pra fazer isso onde a página só irá aparecer quando a barra estiver completa.

se for esse o caso a visa que eu coloco um código que tenho aqui?

[Guest Danielle]

foi sim

bom você pode usar isso de algumas formas um ex. e fazer uma barra de progresso em flash só pra simular

ou pode usar um script de JavaScrit pra fazer isso onde a página só irá aparecer quando a barra estiver completa.

se for esse o caso a visa que eu coloco um código que tenho aqui?

Ok, será que você pode postar o código para mim então?

Qual destas alternativas você acha melhor?

Muito obrigada!

[Deividy]

<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="http://www.volpicarvalho.com.br"

var splashmessage=new Array()

var openingtags='<font face="Verdana" size="1" 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%"

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>

ai esta tenta ver se é isso que você queria

[Guest Danielle]

Deividy,

Muito obrigada por sua atenção. Funcionou perfeitamente.

Obrigada

[Deividy]

que isso disponha se precisar estamos ai!?!