[Tutorial] Aviso antes de aceitar os termos do regulamento no registro
Página 1 de 1 • Compartilhe
- Zump
- Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53
Autor: Zump (While)
Funcionalidade: PunBB
Com esse código, poderemos avisar nossos membros alertando a lerem o regulamento e clicarem em concordo antes de se registrarem.
--> Tutoriais, dicas e astúcias <--
Aviso antes de aceitar os termos do regulamento no registro
Aviso antes de aceitar os termos do regulamento no registro
1º - Paginas Javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts |
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as paginas. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
Coloque esse código no conteúdo do javascript
- Código:
jQuery(document).ready(function() {
if (location.pathname == '/register') {
var message = '<style>#tosmessage { color: white; font-size: 20px; text-align: center; position: absolute; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 0; width: 65%; height: 65%; z-index: 10; background-color: rgba(0,0,0,0.8);}</style><div id="tosmessage" class="message"><br><br><br><br><br><br><br><br><br><br><br><br><br><b>Por favor, solicitamos que leia atentamente as regras.<br><br>Em alguns segundos o botão estará disponível para você prosseguir!</b></div>';
var tos = '<div class="main-content standalone" id="tos"style="display: none; text-align:center;"><fieldset class="submit"><form method="post"action="/register?agreed=true&step=2"onsubmit="return checkCheckBox(this)"><input class="input_check"type="checkbox"id="agree_cbox"name="agree"value="1"><label for="agree_cbox"><strong>Eu li os termos e concordo com o exposto acima e desejo prosseguir.</strong></label><br><br><input type="button" id="cancelar" value="Cancelar"> <input type="submit" id="continuar" value="Continuar" class="input_submit"></form></fieldset></div>';
jQuery('.standalone:first').addClass('error').prepend(message).after(tos);
jQuery('.standalone:last').remove();
jQuery('#tosmessage').hide(0).show(1000);
jQuery('#tos').hide(2000).delay(8000).show(2000);
setTimeout(function() {
jQuery('#tosmessage').fadeOut(1500);
}, 8000)
}
// Ações de clique
$('#cancelar').click(function() {
location.pathname = '/forum';
});
$('#tos #continuar').click(function(e) {
if ($('input[id="agree_cbox"]').is(':checked')) {
$(this).submit();
} else {
alert('Por favor, concorde com os termos para prosseguir com o registro!');
e.preventDefault();
}
return false;
});
var Passos = '<div class="aviso-tag"><div class="ipsSteps clearfix"><ul style="list-style-type:none;"><li style="list-style-type:none;" class="ipsSteps_active"><strong class="ipsSteps_title">Passo 1 -</strong><span class="ipsSteps_desc"> Condições de utilização</span><span class="ipsSteps_arrow"> </span></li><center><strong class="ipsSteps_title">Passo 2 -</strong><span class="ipsSteps_desc"> Os seus dados</span><span class="ipsSteps_arrow"> </span></center><center><strong class="ipsSteps_title">Passo 3 -</strong><span class="ipsSteps_desc"> Confirmação</span><span class="ipsSteps_arrow"> </span></center></ul></div></div><style>.aviso-tag { display:none; }</style>';
if (jQuery('.main-content.standalone h2.u:contains("Condições de utilização do fórum")').length) {
jQuery('#pun-visit + .pun-crumbs').after(Passos);
}
if (jQuery('.main #ucp div:contains("Cadastrar-se no fórum")').length) {
jQuery('#pun-visit + .main:contains("Cadastrar-se no fórum")').before(Passos);
}
});
- Resultado:
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|