Pop-up quando usuários registrados iniciarem uma sessão
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Pop-up quando usuários registrados iniciarem uma sessão
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.
Última edição por ShadowPrince em 11.05.17 13:36, editado 1 vez(es)
Re: Pop-up quando usuários registrados iniciarem uma sessão
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.
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.
Re: Pop-up quando usuários registrados iniciarem uma sessão
Ah... Me desculpe, entendi errado.
Crie um novo JS com investimento em todas as páginas, com o código:
Feito isso, temos essa configuração, no script acima:
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/
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/
Re: Pop-up quando usuários registrados iniciarem uma sessão
Muito obrigado Luiz!
Re: Pop-up quando usuários registrados iniciarem uma sessão
Disponha. ^-^
---
---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Retirar "Usuários no Fórum" e "Usuários Registrados".
» [Resolvido] Quando eu vou bloquear um tópico, mover, etc aparece Sessão expirada?
» Usuários não registrados online
» Bloquear sessão para usuários com determinado número de posts
» Widgets de ultimos usuários registrados
» [Resolvido] Quando eu vou bloquear um tópico, mover, etc aparece Sessão expirada?
» Usuários não registrados online
» Bloquear sessão para usuários com determinado número de posts
» Widgets de ultimos usuários registrados
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos