• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

elcsat

ajuda criar uma barra de estados em php

8 mensagens neste tópico

alguem me pode ajudar a criar uma barra de estados, para quando uma pagina estar a carregar ela ficar a correr.

cumprimentos

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Talvez se fores um bocado mais especifico te possa ajudar.. :D

Algo como "Loading page.."?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ou usas um gif animado ... mais ou menos como o Windows usa quando está a copiar um ficheiro (grande) :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

queria criar algo em javascript ou em php, se possivel

uma barra de loading, tipo a dos jogos, tipo quando copiamos uma pasta, queria uma barra a carregar

eu meti este topico por curiosidade so, para saber ideias de como criar uma barra, mas tava a pensar nestas duas programaçoes php e javascript.

seria algo trabalhoso, mas engraçado de se fazer, penso eu :wallbash:

:):P

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu não sei JavaScript, por isso isto deve estar cheio de erros e possível de milhentas melhorias :P

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<title>JS test</title>
<script type="text/javascript">
function inc1() {
  var x = parseInt(document.getElementById('progress').style.width);
  document.getElementById('progress').style.width = ++x + 'px';
  if (x < 100) setTimeout('inc1()', 10);
  else alert('finished');
}
</script>
</head>
<body onload="setTimeout('inc1()', 100)">
  <div id="test">
    Javascript bar
    <div style="width:100px; height:2ex; background-color:blue;display:table-cell;text-align:right">
      <div id="progress" style="width:0px; height:2ex; background-color:red;display:table-cell;">
      </div>
    </div>
  </div>
</body>
</html>

Edit: Faltava o <!DOCTYPE ...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

parabens para quem nao sabe de javascript, tas de parabens.

vou tentar adaptar para criar uma barra circular

obrigada

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ontem à noite, em casa, só tinha o Firefox para experimentar.

Agora estou no trabalho e tenho também o IE para experimentar.

No Firefox funciona 'normal'; no IE a barra anda 'ao contrário' LOL

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

e facil resolver isso

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">

<title>JS test</title>

<script type="text/javascript">

function inc1() {

var x = parseInt(document.getElementById('progress').style.width);

  document.getElementById('progress').style.width = ++x + 'px';

if (x < 200)

setTimeout('inc1()', 10);

}

</script>

</head>

<body onload="inc1()">

    Javascript bar

      <div id="progress" style="width:0px; height:2ex; background-color:#d60000;display:table-cell;">

    </div>

</body>

</html>

foi alteraçoes feitas por mim, eu queria meter-la sempre a correr...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora