Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

elcsat

ajuda criar uma barra de estados em php

Mensagens Recomendadas

elcsat    0
elcsat

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
pmg    102
pmg

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 ...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
pmg    102
pmg

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
elcsat    0
elcsat

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...

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


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade