Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Pop-up de conexão SweetAlert
3 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
Pop-up de conexão SweetAlert
Detalhes da questão
Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Oiii gente, eu queria um login em Dropwdown, é possivel?
Obrigado desde já
Re: Pop-up de conexão SweetAlert
Olá @weverson lopes,
Não sei se percebi a sua questão, lamento. Leia este tópico: Questão resolvida, o código cria um popup de login, caso tenha dúvidas diga!
Atenciosamente,
pedxz.
Não sei se percebi a sua questão, lamento. Leia este tópico: Questão resolvida, o código cria um popup de login, caso tenha dúvidas diga!
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Pop-up de conexão SweetAlert
Oi pedx tudo bem? funcionou e atendeu aos meus requisitos, porém eu gostaria de sabers e é possivel colocar aquele BEM VINDO depois de logado, colocasse ele no centro e aumentasse o tamanho dele, pois eu gostaria de deixar uma mensagem
Re: Pop-up de conexão SweetAlert
Altere para:
- Código:
/**
* SweetAlert - Login by Pedxz
* Created June 29, 2018 <UP_09.05.2020>
* See more: http://ajuda.forumeiros.com
*/
(function($, CSS) {
'use strict';
var config = {
/* Não Mexer na URL */
url: 'https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js',
img: {
src: 'https://2img.net/r/frmste/images/sigle.png',
alt: 'Forumeiros',
height: 62
},
lang: {
step1: {
title: 'Logar no fórum',
register: '<a href="/register">Criar conta gratuitamente</a>',
login: 'Entrar',
error: 'Usuário ou senha incorretos.',
input: {
user: 'Seu usuário',
pass: 'Sua senha',
autologin: 'Lembrar dados'
}
},
step2: {
welcome: 'Bem-vindo',
desc: 'A melhor comunidade do mundo!',
redirect: '/forum'
}
}
};
$(function() {
if (_userdata.session_logged_in && $('a[href$="/login"]')) return;
$('a[href$="/login"]').on('click', function(event) {
event.preventDefault();
event.stopPropagation();
$.getScript(config.url, function() {
Swal.fire({
title: config.lang.step1.title,
imageUrl: config.img.src,
imageHeight: config.img.height,
imageAlt: config.img.alt,
html: $('<form>', {
'method': 'post',
'action': '/login',
'name': 'sweet-fa-login'
}).html([
'',
'<input type="text" id="username" class="swal2-input" value="" name="username" maxlength="40" size="30" tabindex="1" placeholder="' + config.lang.step1.input.user + '" required autofocus />',
'<input type="password" id="password" maxlength="25" size="30" name="password" class="swal2-input" placeholder="' + config.lang.step1.input.pass + '" required />',
'<label for="swal2-checkbox" class="swal2-checkbox" style="display: flex;">',
'<input type="checkbox" value="1" name="autologin" id="autologin">',
'<span class="swal2-label" id="autologin">' + config.lang.step1.input.autologin + '</span>',
'</label>',
' <a style="float:right" href="/profile?mode=sendpassword">Esqueci a senha</a>',
'',
'',
'<!-- Don\'t delete this -->',
'<input value="" name="redirect" type="hidden" />',
'<input value="" name="query" type="hidden" />',
'<!-- ./End Don\'t delete this -->',
' <div class="swal2-actions">',
' <!-- Start Login Button -->',
' <input class="swal2-confirm swal2-styled" aria-label="" value="' + config.lang.step1.login + '" tabindex="6" name="login" type="submit" />',
' <!-- ./End Login Button -->',
'</div>'
].join('\n')),
showCancelButton: false,
showConfirmButton: false,
showCloseButton: true,
allowOutsideClick: false,
footer: config.lang.step1.register
});
$('form[name="sweet-fa-login"]').submit(function() {
var $this = $(this);
var username = $this.find('input[name="username"]').val(),
pass = $this.find('input[name="password"]').val(),
autologin = 0;
if ($this.find('input[name="autologin"]').is(':checked'))
autologin = 1;
$.post('/login', {
username: username,
password: pass,
login: '',
autologin: autologin
})
.done(function(data) {
if (data.search('Você especificou um nome de usuário incorreto ou inativo, ou uma senha inválida') > 0) {
Swal.showValidationMessage(
config.lang.step1.error
);
} else {
Swal.fire({
title: config.lang.step2.welcome,
text: config.lang.step2.desc,
type: 'success',
showConfirmButton: false,
timer: 3000
});
setTimeout(
function() {
window.location.replace(config.lang.step2.redirect);
}, 3000);
}
})
.fail(function() {
Swal.fire({
title: 'Contacte o suporte Forumeiros!',
text: 'Impossível enviar dados.',
type: 'error',
showConfirmButton: false,
timer: 1500
});
});
return false;
});
});
});
$('<style>')
.text(CSS.join('\n'))
.appendTo('head');
});
}(jQuery, [
'form[name="sweet-fa-login"] .swal2-actions {',
' display: flex!important;',
'margin-bottom: 1em;',
'}',
'',
'',
'form[name="sweet-fa-login"] .swal2-actions > input {',
' display: inline-block!important;',
'border-left-color: rgb(48, 133, 214);',
'border-right-color: rgb(48, 133, 214)',
'}',
''
]));
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Pop-up de conexão SweetAlert
» Formulário sweetalert
» Pop-up de conexão
» Pop-up de conexão
» Pop up de conexão
» Formulário sweetalert
» Pop-up de conexão
» Pop-up de conexão
» Pop up de conexão
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