• 0
Sign in to follow this  
Guest Danielle

Barra Progressiva

Question

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

Share this post


Link to post
Share on other sites

7 answers to this question

Recommended Posts

  • 0

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

Share this post


Link to post
Share on other sites
  • 0
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

Share this post


Link to post
Share on other sites
  • 0

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?

Share this post


Link to post
Share on other sites
  • 0
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!

Share this post


Link to post
Share on other sites
  • 0

<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

Share this post


Link to post
Share on other sites
  • 0
Guest Danielle

Deividy,

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

Obrigada

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this