Ir para conteúdo
Fórum Script Brasil
  • 0

Mostrar Texto dentro da página, por tempo determinado...


Cláudio M Muller

Pergunta

6 respostass a esta questão

Posts Recomendados

  • 0

você coloca o texto dentro de uma div, atribui um id para identificar essa div, atribui o style display block (aparecendo) e usa o javascript para mostrar o texto temporariamente... ficaria +- assim:

html

<body onload='executa_esconde()'>
<div id='sua_div' style='display:block;'>
     seu texto aqui...
</div>
</body>
java script:
<script language='javascript'>
function esconde_texto()
{
  
  if (document.getElementById('sua_div').style.display == 'block')
  {
     document.getElementById('sua_div').style.display = 'none';
  }
}

function executa_esconde()
{
  setTimeOut('esconde_texto()', 5000);  // tempo em milisegundos 
}
</script>

n testei esse script... testa ae... qualquer coisa pergunta aqui no fórum...

explicando o que aconteceu no java script: Primeiramente, verifiquei se o style:display atual da div está em 'block' (mostrando), se estiver, passe esse style:display para 'none' (não visivel) e coloquei tudo isso dentro de uma função... em seguida, criei outra função, que executa a primeira, mas com tempo limite, isso por meio do setTimeOut()...

explicando o que aconteceu no html: no body coloquei a função que executa a verificação do estilo dentro de um tempo limite (time out) e coloquei uma div com o id "sua_div"...

entendeu ?

Link para o comentário
Compartilhar em outros sites

  • 0

Caro Juan,

entendi o que você quis dizer, mas fazendo não deu certo.

Segue o documento que tentei montar...

Estou estudando ainda programação web, aos poucos vou me familiarizando, de qualquer maneira agradeço a ajuda.

Estou editando pelo Dream...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body onload='executa_esconde()'>
<div id='sua_div' style='display:block;'>
     seu texto aqui...
</div>
</body>
<script src="script.js"></script>
<script language='javascript'>
function esconde_texto()
{
  
  if (document.getElementById('sua_div').style.display == 'block')
  {
     document.getElementById('sua_div').style.display = 'none';
  }
}

function executa_esconde()
{
  setTimeOut('esconde_texto()', 500);  // tempo em milisegundos 
}
</script>

</html>

Aguardo retorno/ajuda.

Editado por fercosmig
Adicionar tag's
Link para o comentário
Compartilhar em outros sites

  • 0

Opa... falha nossa eu esqueci que no javascript os cases são sensitives (distinção entre maiusculo e minusculo)...

nessa linha:

setTimeOut('esconde_texto()', 500);
coloque assim:
setTimeout('esconde_texto()', 500);

Notou o "o" ? eu tinha colocado ele maiusculo (Out) mas é minusculo (out)... agora funciona, testa lá...

Lembranco que esse tempo "500" é em milisegundos, se você quer que fique 5 segundos por exemplo tem que colocar 5000 ao invés de 500 (500 = meio segundo)...

Um site de ótimas referencias sobre linguagens web é w3schools... dá uma olhada lá que você vai encontrar muita informação...

http://www.w3schools.com/

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...