Formulário 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 • Compartilhe
Formulário sweetalert
Detalhes da questão
Endereço do fórum: http://brasil-rpg.forumeiros.com
Versão do fórum: AwesomeBB
Descrição
Aproveitando essa minha onda de SweetAlert, gostaria de saber se é possível mudar pela caixa de aviso atual por essa:
- atual:
- que eu quero:
- Código:
Swal.fire({
title: '<strong>Postado com sucesso!</strong>',
icon: 'success',
html:
'Você será redicionado ao fórum',
})
Script js do meu formulário:
- Código:
<!-- Javascript's -->
<!-- Não recomendada a edição abaixo desta linha. -->
<script>
var instance = new Date();
var month =["janeiro","fevereiro","março", "abril","maio","junho", "julho","agosto","setembro", "outubro","novembro","dezembro"];
var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
var month_index = instance.getMonth();
var year = instance.getFullYear();
var date = [ day, month[month_index], year ].join(" ");
document.getElementById('campo12').value = date;
</script>
<textarea style="display: none;" id="fa-generated-message">[center][size=24]PROJETO DE LEI N°. {{campo3}}/2020[/size][/center]
[center][size=18](Do Sr. Deputado {{campo5}})[/size][/center]
[right]Ementa: {{campo6}}[/right]
{{campo7}}
[center][size=24]JUSTIFICATIVA[/size][/center]
{{campo10}}
Brasília, {{campo12}}
{{campo5}}</textarea>
<input type="hidden" id="fa-generated-title" value="Projeto de Lei N°. {{campo3}}/2020 - {{campo6}}" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
'use strict';
$(window).on('load', function () {
$('#fa-generated-form').on('submit', function (event) {
event.preventDefault();
$(this).find('button[type="submit"]').text('Postando...');
setTimeout(function () {
$.post('/post', {
subject: $('#fa-generated-title').val().trim(),
f: 7,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f7-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
Re: Formulário sweetalert
Olá @vcapelli,
Altere para:
Cordialmente,
pedxz.
Altere para:
- Código:
<!-- Javascript's -->
<!-- Não recomendada a edição abaixo desta linha. -->
<script>
var instance = new Date();
var month =["janeiro","fevereiro","março", "abril","maio","junho", "julho","agosto","setembro", "outubro","novembro","dezembro"];
var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
var month_index = instance.getMonth();
var year = instance.getFullYear();
var date = [ day, month[month_index], year ].join(" ");
document.getElementById('campo12').value = date;
</script>
<textarea style="display: none;" id="fa-generated-message">[center][size=24]PROJETO DE LEI N°. {{campo3}}/2020[/size][/center]
[center][size=18](Do Sr. Deputado {{campo5}})[/size][/center]
[right]Ementa: {{campo6}}[/right]
{{campo7}}
[center][size=24]JUSTIFICATIVA[/size][/center]
{{campo10}}
Brasília, {{campo12}}
{{campo5}}</textarea>
<input type="hidden" id="fa-generated-title" value="Projeto de Lei N°. {{campo3}}/2020 - {{campo6}}" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.10.13/dist/sweetalert2.all.min.js"></script>
<script type="text/javascript">
(function ($) {
'use strict';
$(window).on('load', function () {
$('#fa-generated-form').on('submit', function (event) {
event.preventDefault();
$(this).find('button[type="submit"]').text('Postando...');
setTimeout(function () {
$.post('/post', {
subject: $('#fa-generated-title').val().trim(),
f: 7,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
Swal.fire({
icon: 'success',
title: 'Postado com sucesso!',
html: 'Você será redicionado ao fórum',
timer: 3000,
allowEscapeKey: false,
showConfirmButton: false,
timerProgressBar: true
}).then((result) => {
if (
result.dismiss === Swal.DismissReason.timer
) {
location.pathname = '/f7-';
}
});
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
Cordialmente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Formulário sweetalert
Está magnífico!
Re: Formulário sweetalert
Tópico resolvidoMovido para "Questões resolvidas". |
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