[DÚVIDA] Gerador de formulários 2.0

2 participantes

Ir para baixo

Tópico resolvido [DÚVIDA] Gerador de formulários 2.0

Mensagem por Alex 28.06.17 18:10

Detalhes da questão


Endereço do fórum: https://mundogoph.forumeiros.com
Versão do fórum: ModernBB

Descrição


Detalhes da questão


Endereço do fórum: https://mundogoph.forumeiros.com
Versão do fórum: ModernBB

Descrição


Muito boa tarde caros companheiros de comunidade.

Estive a experimentar o novo gerador de formulários (2.0), que achei ótimo, o(s) desenvolvedor(es) do mesmo está(ão) de parabéns, no entanto, gostaria de saber duas coisas:

- Como eu posso adicionar a assinatura do usuário (ID) no gerador de formulários? Ou seja, se o usuário tiver assinatura, ela irá aparecer no fim da resposta que deu.
- É possível que, depois de ter enviado o formulário e ter sido postado, o usuário seja automaticamente redirecionado para a última mensagem do tópico em questão?

Os códigos do formulário:

HTML
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Nova Contratação</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      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: .25rem;
      -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-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Nova Contratação</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Nick do contratado</label>
  <input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Cargo do contratado</label>
  <input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Placar de Conquistas</label>
  <input type="number" data-type="number" id="campo3" placeholder="Insira aqui o placar de conquistas do funcionário contratado" max="30000" min="1" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Observações</label>
  <textarea data-type="textarea" id="campo4" placeholder="Insira aqui alguma observação sobre a contratação (opcional)"></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Você afirma que a contratação foi feita com total aptidão do novo funcionário?</label>
  <select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Nick do contratado:[/b] {{campo1}}
[b]Cargo do contratado:[/b] {{campo2}}
[b]Placar de conquistas:[/b] {{campo3}}
[b]Observações:[/b] {{campo4}}

Você afirma que a contratação foi feita com total aptidão do novo funcionário? {{campo5}}</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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', {
                  t: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
                  location.pathname = '/t4-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

JavaScript
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?t=4&mode=reply"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));

Muito obrigado a quem poder me ajudar. E espero ter ajudado outros com a mesma dúvida!
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Luiz 28.06.17 18:15

Olá,

Troque o código do formulário por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Nova Contratação</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      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: .25rem;
      -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-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Nova Contratação</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Nick do contratado</label>
  <input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Cargo do contratado</label>
  <input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Placar de Conquistas</label>
  <input type="number" data-type="number" id="campo3" placeholder="Insira aqui o placar de conquistas do funcionário contratado" max="30000" min="1" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Observações</label>
  <textarea data-type="textarea" id="campo4" placeholder="Insira aqui alguma observação sobre a contratação (opcional)"></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Você afirma que a contratação foi feita com total aptidão do novo funcionário?</label>
  <select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Nick do contratado:[/b] {{campo1}}
[b]Cargo do contratado:[/b] {{campo2}}
[b]Placar de conquistas:[/b] {{campo3}}
[b]Observações:[/b] {{campo4}}

Você afirma que a contratação foi feita com total aptidão do novo funcionário? {{campo5}}</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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', {
                  t: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
                  attach_sig: 'on'
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
                  location.pathname = '/t4-?view=newest';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

É possível que, depois de ter enviado o formulário e ter sido postado, o usuário seja automaticamente redirecionado para a última mensagem do tópico em questão?

Isso já está sendo feito. Ora pois, vamos ver a linha 228 do código acima:
Código:
location.pathname = '/t4-?view=newest';
O
?view=newest
serve para isso. Feliz

o/


Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Alex 28.06.17 18:18

Boa tarde, Luiz.

O código da assinatura funcionou, mas o redirecionamento continua o mesmo. Ao postar e ser redirecionado, ele vai para a PRIMEIRA mensagem do tópico, na página 1. Atualmente o tópico já vai em 10 páginas e não está indo pra última mensagem.
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Luiz 28.06.17 18:29

Creio que a única forma de fazer isso é daquele jeito... :/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Alex 28.06.17 18:32

Se quiser você mesmo pode testar. Eu liberei convidados responderem ao tópico (mesmo sabendo que não é seguro) https://mundogoph.forumeiros.com/t4-formulario-contratos

Pode colocar Teste nos parâmetros, exceto no que diz "Placar de Conquistas". Ai é um número de 1 a 3000.

Obrigado.
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Luiz 28.06.17 18:35

Troque o código por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Nova Contratação</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      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: .25rem;
      -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-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Nova Contratação</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Nick do contratado</label>
  <input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Cargo do contratado</label>
  <input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Placar de Conquistas</label>
  <input type="number" data-type="number" id="campo3" placeholder="Insira aqui o placar de conquistas do funcionário contratado" max="30000" min="1" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Observações</label>
  <textarea data-type="textarea" id="campo4" placeholder="Insira aqui alguma observação sobre a contratação (opcional)"></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Você afirma que a contratação foi feita com total aptidão do novo funcionário?</label>
  <select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Nick do contratado:[/b] {{campo1}}
[b]Cargo do contratado:[/b] {{campo2}}
[b]Placar de conquistas:[/b] {{campo3}}
[b]Observações:[/b] {{campo4}}

Você afirma que a contratação foi feita com total aptidão do novo funcionário? {{campo5}}</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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', {
                  t: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
                  attach_sig: 'on'
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
                  location.pathname = '/t4-';
                  location.search = 'view=newest';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Deve resultar...
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Alex 28.06.17 18:41

Agora nem redirecionou para o tópico. Ficou outra vez no formulário, mas mudou o link.
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Luiz 28.06.17 18:47

Tente esse:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Nova Contratação</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      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: .25rem;
      -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-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Nova Contratação</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Nick do contratado</label>
  <input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Cargo do contratado</label>
  <input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário contratado" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Placar de Conquistas</label>
  <input type="number" data-type="number" id="campo3" placeholder="Insira aqui o placar de conquistas do funcionário contratado" max="30000" min="1" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Observações</label>
  <textarea data-type="textarea" id="campo4" placeholder="Insira aqui alguma observação sobre a contratação (opcional)"></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Você afirma que a contratação foi feita com total aptidão do novo funcionário?</label>
  <select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Nick do contratado:[/b] {{campo1}}
[b]Cargo do contratado:[/b] {{campo2}}
[b]Placar de conquistas:[/b] {{campo3}}
[b]Observações:[/b] {{campo4}}

Você afirma que a contratação foi feita com total aptidão do novo funcionário? {{campo5}}</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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', {
                  t: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
                  attach_sig: 'on'
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
                  location.href = 'http://' + location.host + '/t4-?view=newest';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Alex 28.06.17 18:48

Como se diz, à terceira é de vez. hahahahah

Funcionou perfeitamente. Muito obrigado!

Pode fechar Feliz
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [DÚVIDA] Gerador de formulários 2.0

Mensagem por Luiz 28.06.17 18:49

@Jefferson105, que bom que deu certo, irei aplicar essa correção em todos os novos formulários gerados pelo gerador. Feliz

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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