Pop-up quando usuários registrados iniciarem uma sessão

2 participantes

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

Tópico resolvido Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por ShadowPrince 10.05.17 21:06

Detalhes da questão


Endereço do fórum: http://clanowners.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá amigos da forumeiros.

Gostaria que quando um usuário registrado inicia-se uma visita ao meu fórum aparecesse para ele uma mensagem pop-up.
Isto seria possível?

Att. Contente


Última edição por ShadowPrince em 11.05.17 13:36, editado 1 vez(es)
ShadowPrince

ShadowPrince
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por Luiz 10.05.17 21:08

Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por ShadowPrince 10.05.17 21:13

Obrigado pela rápida resposta Luiz.

Não estou me referindo a mensagem de pop-up de conexão.
Como disse na mensagem inicial, quero que quando um usuário registrado inicie uma visita ao meu fórum apareça a mensagem. Piscada

ShadowPrince

ShadowPrince
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por Luiz 10.05.17 21:48

Ah... Me desculpe, entendi errado. Envergonhado
Crie um novo JS com investimento em todas as páginas, com o código:
Código:
(function ($) {
  'use strict';

  var config = {
    title: 'Título do pop-up.',
    text: 'Texto do pop-up. Você pode colocar qualquer coisa aqui. Inclusive HTML. Só tome cuidado para não sair das aspas! ---> ',

    /*
    * Abaixo estão os estilos do popup.
    * Não é necessário configurá-los.
    */
    styles: [
      '.popup-wrap {',
      '  position: fixed;',
      '  top: 50%;',
      '  left: 50%;',
      '  transform: translate(-50%, -50%);',
      '  background-color: #fff;',
      '  border: solid 1px #fff;',
      '  box-shadow: 0px 15px 20px -11px rgba(0, 0, 0, 0.37);',
      '  border-radius: 10px;',
      '  overflow: hidden;',
      '}',
      '',
      'footer.buttons {',
      '  padding: 10px;',
      '  background-color: #ddd;',
      '}',
      '',
      '.popup-inner {',
      '  margin: 15px 10px;',
      '}',
      '',
      '.popup-wrap h1 {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  margin-top: 0px;',
      '  padding: 10px;',
      '}',
      '',
      'footer.buttons button {',
      '  background-color: #39c;',
      '  border: none;',
      '  color: #fff;',
      '  border-radius: 3px;',
      '  padding: 4px;',
      '  padding-bottom: 7px;',
      '  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.12);',
      '}',
    ].join('\n'),
  };

  $(function () {

    $('<style>', {
      type: 'text/css',
      text: config.styles,
    }).appendTo('head');

    if (location.pathname === '/' && _userdata["user_id"] > 0) {
      console.info('Popup de registrado. Procurando cookies...');

      if (!my_getcookie('popup_lz_false')) { // === false ->

        var $popUp = $([
          '<div class="popup-wrap">',
          '  <h1>' + config.title + '</h1>',
          '  <div class="popup-inner">',
          '    <span>' + config.text + '</span>',
          '  </div>',
          '  <footer class="buttons">',
          '    <button id="close">Fechar</button>',
          '    <button id="close-forever">Não mostrar mais</button>',
          '  </footer>',
          '</div>',
        ].join('\n'))
          .appendTo('body')
        ;

        console.info('Popup fora aberto com sucesso!');
       
      } else {
        console.warn('Não foi possível abrir o pop-up! \nO usuário em questão bloqueou cookies e/ou fechou o mesmo para sempre!');
      }
    }

    if (!my_getcookie('popup_lz_false') && location.pathname === '/' && _userdata["user_id"] > 0) {
      $popUp.find('#close')
        .on('click', function (event) {

          var $this = $(this);
          $this.parents('.popup-wrap').remove();

          event.preventDefault();
         
        })
      ;

      $popUp.find('#close-forever')
        .on('click', function (event) {

          var $this = $(this);
          $this.parents('.popup-wrap').remove();

          // Setar o cookie para nunca mais abrir:
          my_setcookie('popup_lz_false', 'false');
          console.warn('O popup não irá mais abrir!\nUm cookie para impedir sua abertura fora criado!');

          event.preventDefault();
         
        })
      ;
    } else {
      console.log('Popup de login! Falha durante a execução!');
    }
   
  });
}(jQuery));

Feito isso, temos essa configuração, no script acima:
Código:
[...]
  var config = {
    title: 'Título do pop-up.',
    text: 'Texto do pop-up. Você pode colocar qualquer coisa aqui. Inclusive HTML. Só tome cuidado para não sair das aspas! ---> ',
[...]

Nela, você pode personalizar o título e os textos. Lembrando que você pode utilizar HTML para personalizá-lo!
Ela só irá aparecer à membros registrados, e na página inicial. Se o usuário clicar em "não exibir mais", será instalado um cookie, que irá bloquear a inicialização do popup, até que ele — o usuário — apague os cookies.

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por ShadowPrince 11.05.17 0:14

Muito obrigado Luiz!
ShadowPrince

ShadowPrince
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up quando usuários registrados iniciarem uma sessão

Mensagem por Luiz 11.05.17 0:21

Disponha. ^-^

---
Pop-up quando usuários registrados iniciarem uma sessão Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos