none
Ocultar Div apos alguns segundos RRS feed

  • 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)

    sábado, 24 de maio de 2014 20:23

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

    sábado, 24 de maio de 2014 21:00
  • 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>

    domingo, 25 de maio de 2014 01:11

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

    sábado, 24 de maio de 2014 21:00
  • 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)

    domingo, 25 de maio de 2014 00:17
  • 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>

    domingo, 25 de maio de 2014 01:11
  • 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)

    sábado, 31 de maio de 2014 21:59