Formulário sweetalert

3 participantes

Ir para baixo

Tópico resolvido Formulário sweetalert

Mensagem por vcapelli 16.05.20 14:49

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:

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>
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário sweetalert

Mensagem por tikky 16.05.20 19:21

Olá @vcapelli,

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
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário sweetalert

Mensagem por vcapelli 16.05.20 23:48

Está magnífico! Muito feliz
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário sweetalert

Mensagem por Chanp 17.05.20 2:03

Tópico resolvido


Movido para "Questões resolvidas".
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos