Usuário com melhor resposta
Ocultar Div apos alguns segundos

Pergunta
-
Ola, tenho uma div que fica na master page, e esta div é exibida sempre que o usuario clicar em algum botao na tela. Ela mostra mensagens de ok e de erro. Este div é exibido no rodape da pagina.
Eu queria que ele sumisse da tela apos 5 segundos. Ja pesquisei e fiz diversos testes com esse exemplo.
<script type="text/javascript">
$(document).ready(function () {
setTimeout(function () {
$('#rodape_msg_').fadeOut(1500);
}, 5000);
});
</script>Mas o sistema nao esta entendendo.
O que devo esta fazendo errado?
Obs. nao sei qual foi o botao clicado pelo usuario.
Hellmann's (Joviano Pott)
Respostas
-
Olá amigo, utilizei seu script e funcionou, o problema deve estar no html.
Segue meu html e script utilizado:
<div> <div id="divdesaparecer"> Essa div vai desaparecer </div> </div> <script type="text/javascript"> $(document).ready(function () { setTimeout(function () { $('#divdesaparecer').fadeOut(1500); }, 3000); }); </script>
Abraços
- Sugerido como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 11:41
- Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 17:02
-
Você usou a função "setTimeout()", nela o efeito só vai ocorrer uma vez. Se quiser que ocorra sempre, utilize "setInterval()"
<div> <div id="divdesaparecer"> Essa div vai desaparecer </div> </div> <script type="text/javascript"> $(document).ready(function () { setInterval(function () { $('#divdesaparecer').fadeOut(1500); }, 3000); setInterval(function () { $('#divdesaparecer').fadeIn(1500); }, 4000); }); </script>
- Sugerido como Resposta Ricardo Barbosa Cortes domingo, 25 de maio de 2014 23:15
- Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 17:02
Todas as Respostas
-
Olá amigo, utilizei seu script e funcionou, o problema deve estar no html.
Segue meu html e script utilizado:
<div> <div id="divdesaparecer"> Essa div vai desaparecer </div> </div> <script type="text/javascript"> $(document).ready(function () { setTimeout(function () { $('#divdesaparecer').fadeOut(1500); }, 3000); }); </script>
Abraços
- Sugerido como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 11:41
- Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 17:02
-
Opa Vinícius, eu estava errando no nome, devido estar usando masterpage e updatpanel, o ID na verdade era outro.
Mudei para o ID correto, deu certo.
Mas uma coisa nao, na primeira vez que a aparece a msg, ele some conforme programado, porem na segunda vez em diante na mesma pagina, o efeito nao acontece, por que será?
Hellmann's (Joviano Pott)
-
Você usou a função "setTimeout()", nela o efeito só vai ocorrer uma vez. Se quiser que ocorra sempre, utilize "setInterval()"
<div> <div id="divdesaparecer"> Essa div vai desaparecer </div> </div> <script type="text/javascript"> $(document).ready(function () { setInterval(function () { $('#divdesaparecer').fadeOut(1500); }, 3000); setInterval(function () { $('#divdesaparecer').fadeIn(1500); }, 4000); }); </script>
- Sugerido como Resposta Ricardo Barbosa Cortes domingo, 25 de maio de 2014 23:15
- Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 26 de maio de 2014 17:02
-
Ola, voltei com o resultado deste div. infelizmnte nao esta dando certo.
Nao posso usar o setinterval por que ele fica indo e vindo.
Preciso utilizar o setTimeout, porem a pagina quando ocorre o erro mostra ele na primeira vez. Depois de apos tempo estabelecido o div some. porem quando ocorre novamente o erro, o div aparece, mas nao some.
Ex. tenho uma div no rodape da pagina que mostra as mensagens de erro ou de ok.
O usuario nao preenche determinados campos, ele avisa no rodape, na primeira vez o div aparece e depois some. se o usuario deixar novamente algum campo em brando, ele mostra novamente esse div com o erro, porem agora o div nao some mais.
Hellmann's (Joviano Pott)