Efeito aviso ao sair

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Efeito aviso ao sair

Mensagem por Hdesigner em 03/07/14, 09:06 am

  • Descrição:
Olá, gostaria de adicionar um efeito a meu fórum.

Minha ideia é: O membro se desconecta, aparece por alguns instantes, depois some, uma barra no topo do fórum como essa: http://i.imgur.com/5W8W4KO.png

seria interessante poder editar o conteúdo da barra..

  • Informações:
Fórum:http://cgbr.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Efeito,aviso

avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Resolvido Re: Efeito aviso ao sair

Mensagem por Duel em 03/07/14, 10:33 am

Olá!

Podemos fazer sim e até fácil. Mais me responda:
Seta Essa barra seria antes ou depois dele já ter desconectado? Tipo, ao clicar aparece a barra depois executa a função de sair?

Atenciosamente, Duel. De bem com a vida

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Efeito aviso ao sair

Mensagem por Hdesigner em 03/07/14, 10:45 am

Oi amigo Duel Feliz,

Obrigado desde já.. 

A barra deve aparecer depois dele se desconectar..

Atenciosamente,
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Resolvido Re: Efeito aviso ao sair

Mensagem por Hdesigner em 04/07/14, 07:39 am

UP
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/
  • 0

Resolvido Re: Efeito aviso ao sair

Mensagem por waghcwb em 04/07/14, 10:35 am

Olá,

Teste o seguinte:
Código:
window.addEventListener('DOMContentLoaded', function(){
    var logout = document.querySelector('a[href^="/login?logout"]');
   
    if( window.sessionStorage.getItem('logout') === '1' ){
        document.body.insertAdjacentHTML('afterend', '<div id="logouts" style="transition:all linear .5s;position:fixed;top:0;opacity:0;left:0;right:0;padding:.5em;text-align:center;font:15px Lucida sans;background:#efe4b0;z-index:99999;">Você se desconectou do fórum</div>');
       
        window.setTimeout(function(){
            document.getElementById('logouts').style.opacity = '100';
        }, 100);
       
        window.setTimeout(function(){
            document.getElementById('logouts').style.opacity = '0';
            window.sessionStorage.setItem('logout', '0');
        }, 3500);
    }
   
    logout.addEventListener('click', function(){
        window.sessionStorage.setItem('logout', '1');
    });
   
});

Resulta?

Até mais...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Efeito aviso ao sair

Mensagem por Hdesigner em 04/07/14, 12:00 pm

wagh, parabéns, resultou Piscada
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum