Botão login não funciona

por Shiro2t 15.08.18 14:41

Detalhes da questão

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

Descrição

Bom dia ^^
A partir de hoje o botão de "conectar-se" ou login não está funcionando, você clica nele e nada acontece.

Spoiler:

O estranho que ontem eu estava usando duas contas para postar algumas coisas, e não tive problema algum de fazer login.

por **tikky** 15.08.18 14:59

Olá @Shiro2t,
Quando dizes: "botão de "conectar-se"", referes ao botão existente da barra de navegação?
Ele não está a dar porque estás a usar um script para abrir um popup para efetuar login.

Cordialmente,
pedxz

Tópico movido de 'Problemas de conexão' para 'Questões sobre códigos'

por Shiro2t 15.08.18 15:10

Obrigado pela atenção Pedxz, no entanto eu possuo mais outros dois fóruns com o mesmo tema, e consequentemente o mesmo script, e nesses fóruns o botão de login está funcionando corretamente, e sem ter acesso ao painel nesse momento, como que posso resolver essa situação ?

por **tikky** 15.08.18 15:24

O Script em uso é:

Código:: jQuery(function() { var tgl = document.getElementById('i_icon_mini_login'); if (!tgl) return; var tgu = document.location.href; jQuery('body').append('<div id="TGlogin_form" class="TGlogin_form-float" style="display: none;"><div class="TGlogin_form-float-content"><div class="TGlogin_form-float-div"><form id="TGloginform" method="post" method="post" action="/login?redirect=' + tgu + '"><label><em>Login : </em><input id="username" type="text" name="username"></label><label><em>Senha : </em><input id="password" type="password" name="password"></label><label style="float: left; margin-top: 5px; text-align: left;"><em style="margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;">Lembrar a senha? : </em><input type="checkbox" name="autologin" checked="true" style="width: 20px;"></label><input id="submit" type="submit" name="login" value="Entrar" class="submit"></form></div></div><span class="TGClose">X</span></div><div id="TGfade" class="TGlogin_form-float_overlay"></div>'); var Copyrights = 'Forum dos Foruns - ÂMikee All Rights Reserved.'; jQuery('a[href="/login"], a[href="/login?connexion"]').attr('href', '/login').click(function(e) { jQuery('#TGlogin_form').fadeToggle('slow', 'linear'); return false }).click(function(e) { jQuery('#TGfade').css('display', 'block'); jQuery('#TGlogin_form').css('left', '40%').css('top', '40%') }); jQuery('.TGClose').click(function() { jQuery('#TGlogin_form, #TGfade').fadeToggle("fast", "linear") }) });

Certo?

Podes logar por: http://naruto-sp.forumeiros.com/login

por Shiro2t 15.08.18 15:45

Exato, ele mesmo ... mais o que acho mais estranho é que está em outro fórum e só nesse que deu esse problema.

E obrigado por me fornecer uma maneira de logar no fórum õ/

por **tikky** 15.08.18 15:47

é que está em outro fórum

Qual seria o fórum?

por Shiro2t 15.08.18 16:18

Pedxz escreveu:
é que está em outro fórum
Qual seria o fórum?

Esse aqui ( http://ninshusouls.forumeiros.com/ ) foi o fórum de teste, usei tudo nele antes de passar para o fórum principal.

por **tikky** 15.08.18 16:31

Shiro2t escreveu:
Pedxz escreveu:
é que está em outro fórum
Qual seria o fórum?

Esse aqui ( http://ninshusouls.forumeiros.com/ ) foi o fórum de teste, usei tudo nele antes de passar para o fórum principal.

Pelo que pode ver às Páginas JavaScript estão desabilitadas nesse fórum.
Vá em Painel de controle > Módulos > HTML & JAVASCRIPT > Gestão dos códigos JavaScript, encontre a opção Habilitar o gerenciamento dos códigos JavaScript : e marque Sim, para habilitar as mesmas.

Cordialmente,
pedxz

por Shiro2t 15.08.18 16:41

Então, eu fiz como pedido e habilitei o gerenciamento dos códigos JavaScript, e em seguida eu desloguei e a opção de logar ainda estava a funcionar, diferente do fórum ( http://naruto-sp.forumeiros.com/ ).

por **tikky** 15.08.18 16:44

Aqui não está a funcionar, mude o script para:

Código:: /*globals jQuery, _userdata*/ /** *! Login popover that works with AJAX. * * @author Luiz * @licence MIT * * Copyright (c) Luiz Felipe | All rights reserved. */ (function ($) { 'use strict'; var $loginPopover; var config = { // Troque o boolean abaixo para "true" caso você queira exibir uma alerta ao usuário fazer o login: alertOnLogin: false }; $(function () { if (_userdata.session_logged_in) { return; } $('a[href$="/login"]').on('click', function (event) { event.preventDefault(); event.stopPropagation(); if ($('.fa-popover-login').length > 0) { $loginPopover.remove(); return; } var $this = $(this); /** * Variáveis de posição: */ var pos = $this.offset(); var posY = pos.top; var posX = pos.left; var mgnL = $this.innerWidth() / 2; var mgnT = $this.innerHeight(); $loginPopover = $([ '<div class="fa-popover-login">', ' <div class="fa-popover-intro">', ' <span class="h3">Login</span>', ' </div>', ' <form action="/login" method="post" name="form_login">', ' <div class="input-group">', ' <label for="username">Usuário:</label>', ' <input type="text" name="username" id="username" maxlength="40" />', ' <label for="password">Senha:</label>', ' <input type="password" id="password" name="password" maxlength="25" />', ' </div>', ' <input type="checkbox" name="autologin" id="autologin" checked="checked" />', ' <label for="autologin">Conexão automática.</label>', ' <footer>', ' <input type="submit" name="login" value="Conectar-se" class="submit-btn" />', ' <a href="/profile?mode=sendpassword">Esqueci a senha</a>', ' </footer>', ' </form>', '</div>', ].join('\n')) .appendTo('body') .css({ top: posY + 'px', left: posX + 'px', marginLeft: mgnL + 'px', marginTop: mgnT + 'px', position: 'absolute', transform: 'translateX(-50%)' }) .on('click', function (event) { event.stopPropagation(); }) ; $loginPopover .find('label') .on('click', function (event) { event.stopPropagation(); event.preventDefault(); }) ; $loginPopover .find('form') .on('submit', function (event) { event.preventDefault(); var $form = $(this); $form .find('[type="submit"]') .val('Logando...') .css('cursor', 'not-allowed') ; var username = $form.find('#username').val(); var password = $form.find('#password').val(); var autoLogin = $form.find('#autologin').prop('checked'); var autoLoginStatus = ''; if (autoLogin) { autoLoginStatus = 'on'; } $.post('/login', { username: username, password: password, autologin: autoLoginStatus, login: '' }) .done(function (context) { var bodyContext = context.split('<body>').pop().split('</body>').shift(); var body = document.createElement('body'); body.innerHTML = bodyContext; var $body = $(body); if ($body.find('[href="/register"]').length > 0) { alert([ 'Você especificou um usuário e/ou senha incorreto(s)!', 'Tente novamente!', ].join('\n')); location.pathname = '/login'; return; } if (config.alertOnLogin) { alert('Seja bem-vindo, ' + username + '...'); } location.reload(); }) .fail(function () { alert([ 'Ocorreu um erro... Tente novamente!', 'Caso o erro persista, contate o suporte técnico.' ].join('\n')); location.pathname = '/login'; }) ; }) ; }); $(document).on('click', function (event) { if ($('.fa-popover-login').length > 0) { $loginPopover.remove(); } }); var styles = [ '.fa-popover-login {', ' background-color: #fff;', ' -webkit-box-shadow: rgba(93,97,102,0.25) 0px 0px 0px 1px, 0px 7px 10px rgba(0, 0, 0, 0.2), 0px 5px 20px rgba(0,0,0,0.1);', ' -moz-box-shadow: rgba(93,97,102,0.25) 0px 0px 0px 1px, 0px 7px 10px rgba(0, 0, 0, 0.2), 0px 5px 20px rgba(0,0,0,0.1);', ' -ms-box-shadow: rgba(93,97,102,0.25) 0px 0px 0px 1px, 0px 7px 10px rgba(0, 0, 0, 0.2), 0px 5px 20px rgba(0,0,0,0.1);', ' -o-box-shadow: rgba(93,97,102,0.25) 0px 0px 0px 1px, 0px 7px 10px rgba(0, 0, 0, 0.2), 0px 5px 20px rgba(0,0,0,0.1);', ' box-shadow: rgba(93,97,102,0.25) 0px 0px 0px 1px, 0px 7px 10px rgba(0, 0, 0, 0.2), 0px 5px 20px rgba(0,0,0,0.1);', ' width: 265px;', ' border-radius: 2px;', ' padding: 15px;', ' border: solid 1px #ddd;', ' font-size: 16px;', ' z-index: 999999999999999999999999;', ' font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif', '}', '', '.fa-popover-login,', '.fa-popover-login * {', ' box-sizing: border-box;', '}', '', '.fa-popover-intro .h3 {', ' font-family: "Trebuchet MS", "Segoe UI", Helvetica, "Helvetica Neue", Arial, "Open Sans", Lato, sans-serif;', ' font-size: 20px;', ' color: #818181;', ' border-bottom: solid 0px;', ' width: 100%;', ' display: block;', ' margin: 0px;', '}', '', '.fa-popover-login form {', ' margin: 10px -15px;', ' padding: 15px;', ' margin-bottom: 0px;', ' padding-bottom: 0px;', ' border-top: solid 1px #ddd;', '}', '', '.fa-popover-login form div.input-group label {', ' display: block;', ' margin-bottom: 5px;', ' color: #656565;', ' font-size: 14px;', '}', '', '.fa-popover-login form div.input-group label[for="password"] {', ' margin-top: 14px;', '}', '', '.fa-popover-login form div.input-group input {', ' display: block;', ' width: 100%;', ' padding: 5px 10px;', ' font-size: 1rem;', ' line-height: 1.25;', ' color: #464a4c;', ' background-color: #fff;', ' background-image: none;', ' -webkit-background-clip: padding-box;', ' background-clip: padding-box;', ' border: 1px solid rgba(0,0,0,.15);', ' border-radius: 2px;', ' -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;', ' transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;', ' -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;', ' transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;', ' transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;', '}', '', '.fa-popover-login form div.input-group input:focus {', ' color: #464a4c;', ' background-color: #fff;', ' border-color: #5cb3fd;', ' outline: 0;', '}', '', '.fa-popover-login label[for="autologin"] {', ' margin-top: 15px;', ' display: inline-block;', '}', '', '.fa-popover-login footer {', ' background-color: #ddd;', ' padding: 10px;', ' margin: -15px;', ' margin-top: 15px;', ' position: relative;', '}', '', '.fa-popover-login footer a {', ' border-bottom: solid 1px transparent;', ' color: #39c;', ' position: absolute;', ' right: 11px;', ' top: 47%;', ' -webkit-transform: translateY(-50%);', ' -moz-transform: translateY(-50%);', ' -ms-transform: translateY(-50%);', ' -o-transform: translateY(-50%);', ' transform: translateY(-50%);', '}', '', '.fa-popover-login footer a:hover {', ' border-color: #39c;', '}', '', '.fa-popover-login footer input {', ' border: none;', ' background-color: #3072ab;', ' color: #fff;', ' cursor: pointer;', ' padding: 4px 8px;', '}', '', '.fa-popover-login footer input:hover {', ' background-color: #275e8c;', '}', '', '.fa-popover-login::before {', ' content: "";', ' position: absolute;', ' height: 15px;', ' width: 15px;', ' background-color: #fff;', ' top: -2px;', ' left: 50%;', ' -webkit-transform: rotate(45deg) translateX(-50%);', ' -moz-transform: rotate(45deg) translateX(-50%);', ' -ms-transform: rotate(45deg) translateX(-50%);', ' -o-transform: rotate(45deg) translateX(-50%);', ' transform: rotate(45deg) translateX(-50%);', ' border: solid 1px transparent;', ' border-left: solid 1px #ddd;', ' border-top: solid 1px #ddd;', '}', ].join('\n'); $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head'); }); }(jQuery));

Leia: [Tutorial] Criar um popover de login

por Shiro2t 15.08.18 16:59

FUNCIONOU !!!

Obrigado pela atenção Pedxz õ/

por **tikky** 15.08.18 17:01

Não tens de quê Muito feliz

, questão

?

por Shiro2t 15.08.18 17:10

Uhum, questão resolvida õ/

por **tikky** 15.08.18 17:11

Tópico resolvido

Movido para "Questões resolvidas".

Botão login não funciona