Formulários! Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Formulários!

3 participantes

Ir para baixo

Tópico resolvido Formulários!

Mensagem por Kenno LP 22.12.17 21:28

Detalhes da questão


Endereço do fórum: http://scavengeproject.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá, Eu sou o Kenno.
Hoje tenho 2 coisas que necessitam de ajuda de um profissional, por isso recorri ao FdF.


Eu tenho 2 formulários, em um Fórum antigo, e gostaria de trocá-los para um novo Fórum. Porém, o nº do fórum é diferente, nos dois Fóruns.


1º Formulário - HTML Nº 2 (h2) / Fórum (Mode Newtopic) - F11

Código:
<!--    ->
    /*
    * Gerado em <ajuda.forumeiros.com>.
    * Gerador (2.0) feito por Luiz~
    */
    <-    -->          <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>Whitelist</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;
        }
    h2 {
        color: red;
        font-family: Verdana,Arial,sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 10px;
    }
        #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 h2 {
          font-size: 11px;
          color: #000000;
          font-family: arial;
        }
     
        .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-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>               
<form id="fa-generated-form">
                
   <div class="fa-form-wrapper">
                     
      <h2>
           LEIA ANTES DE PREENCHER O FORMULÁRIO!   
      </h2>
                     
      <!--    BEGIN Generated HTML Code    -->           
      <div class="fa-form-group clearfix">
                    
         <h2 class="form-subtitle data-text">
                      - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br />        - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br />        - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br />        - Se você for fake não adianta pedir whitelist, nós iremos saber. <br />        - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br />        - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br />        - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br />        - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos. 
         </h2>
                  
      </div>
         
      <div class="fa-form-group clearfix">
                     <label for="campo6"><strong>Você leu os termos acima?</strong></label>      <select data-type="select" id="campo6" required="">
   
            
            
            
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                     <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>      <select data-type="select" id="campo7" required="">
   
            
            
            
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                     <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>      <select data-type="select" id="campo8" required="">
   
            
            
            
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                 <label for="campo3">Seu Nick</label>          <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text" />       
      </div>
         
      <div class="fa-form-group clearfix">
                 <label for="campo4">Como descobriu o servidor</label>      <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text" />       
      </div>
         
      <div class="fa-form-group clearfix">
                 <label for="campo5">Por que você quer jogar no servidor?</label>      <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>       
      </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]Você leu os termos acima?[/b]: {{campo6}}

    [b]Está ciente de que se usar hacker será banido permanente?[/b]: {{campo7}}

    [b]Você registrou sua conta no servidor?[/b]: {{campo8}}

    Seu Nick: {{campo3}}

    Como descobriu o servidor: {{campo4}}

    Por que você quer jogar no servidor? {{campo5}}</textarea>      <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo3}}" />      <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: 3,
                      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 = '/f3-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
              });
          });
        }(jQuery));
      </script>



2º Formulário - HTML Nº 3 (h3) / Fórum 2 (f2)

Código:
<!--      ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<-      -->  <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>Testando formulário</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;
    }
h5 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #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 h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .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-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> 
<form id="fa-generated-form">
                
   <div class="fa-form-wrapper">
                     
      <h5>
             LEIA ANTES DE PREENCHER O FORMULÁRIO!     
      </h5>
                     
      <!--      BEGIN Generated HTML Code      -->         
      <div class="fa-form-group clearfix">
                    
         <h5 class="form-subtitle data-text">
                    - Apenas crie o tópico se você foi o jogador banido! <br />    - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br />         
            <div class="fa-form-group clearfix">
                     <label for="campo1">Seu nick in-game</label>  <input type="text" data-type="text" id="campo1" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                     <label for="campo2">Administrador que o baniu</label>  <input type="text" data-type="text" id="campo2" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                     <label for="campo3">Motivo do banimento</label>  <input type="text" data-type="text" id="campo3" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                     <label for="campo4">Porque acha que deveria ser desbanido?</label>  <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>   
            </div>
                   
            <div class="fa-form-group clearfix">
                     <label for="campo5">Provas (Opcional)</label>  <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>   
            </div>
                           
            <!--      END Generated HTML Code      -->       
         </h5>
                
      </div>
                   
      <div class="fa-submit">
                        
         <button class="post-button" type="submit">
                Enviar Formulário   
         </button>
                      
      </div>
                   
      <!--      Javascript's      -->     
      <!--      Não é recomendada a edição abaixo desta linha.      -->  <textarea style="display: none;" id="fa-generated-message">[b]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}

[b]Provas (Opcional)[/b]:
{{campo5}}</textarea>  <input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" />  <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: 5,
                  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 = '/f5-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>     
   </div>
</form>



Espero que possam fazer as modificações necessárias para eu aplicar no meu fórum o mais rápido possível.

Segue também o JavaScript, peço que me indiquem qual será o JavaScript para cada um dos formulários.


1º Formulário:

Código:
(function ($) {
          'use strict';
       
          $(function () {
            $('a[href^="/post?f=3&mode=newtopic"]')
              .attr('href', '/h4-')
            ;
          });
        }(jQuery));



2º Formulário:


Código:
(function ($) {
          'use strict';
       
          $(function () {
            $('a[href^="/post?f=5&mode=newtopic"]')
              .attr('href', '/h5-')
            ;
          });
        }(jQuery));



Cumprimentos,

Kenno.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 22.12.17 21:48

Olá autor,

Vamos organizar isso.

O primeiro código troque por esse HTML e o seguinte JS.

HTML:
Código:
<!--    ->
    /*
    * Gerado em <ajuda.forumeiros.com>.
    * Gerador (2.0) feito por Luiz~
    */
    <-    -->          <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>Whitelist</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;
        }
    h2 {
        color: red;
        font-family: Verdana,Arial,sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 10px;
    }
        #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 h2 {
          font-size: 11px;
          color: #000000;
          font-family: arial;
        }
     
        .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-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>               
<form id="fa-generated-form">
               
  <div class="fa-form-wrapper">
                     
      <h2>
          LEIA ANTES DE PREENCHER O FORMULÁRIO!   
      </h2>
                     
      <!--    BEGIN Generated HTML Code    -->           
      <div class="fa-form-group clearfix">
                   
        <h2 class="form-subtitle data-text">
                      - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br />        - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br />        - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br />        - Se você for fake não adianta pedir whitelist, nós iremos saber. <br />        - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br />        - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br />        - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br />        - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos. 
        </h2>
                 
      </div>
         
      <div class="fa-form-group clearfix">
                    <label for="campo6"><strong>Você leu os termos acima?</strong></label>      <select data-type="select" id="campo6" required="">
   
           
           
           
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                    <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>      <select data-type="select" id="campo7" required="">
   
           
           
           
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                    <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>      <select data-type="select" id="campo8" required="">
   
           
           
           
            <!--    First    -->
    <option value="Sim">Sim</option>
    <option value="Não">Não</option>
    </select>       
      </div>
         
      <div class="fa-form-group clearfix">
                <label for="campo3">Seu Nick</label>          <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text" />       
      </div>
         
      <div class="fa-form-group clearfix">
                <label for="campo4">Como descobriu o servidor</label>      <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text" />       
      </div>
         
      <div class="fa-form-group clearfix">
                <label for="campo5">Por que você quer jogar no servidor?</label>      <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>       
      </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]Você leu os termos acima?[/b]: {{campo6}}

    [b]Está ciente de que se usar hacker será banido permanente?[/b]: {{campo7}}

    [b]Você registrou sua conta no servidor?[/b]: {{campo8}}

    Seu Nick: {{campo3}}

    Como descobriu o servidor: {{campo4}}

    Por que você quer jogar no servidor? {{campo5}}</textarea>      <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo3}}" />      <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: 11,
                      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 = '/h2-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
              });
          });
        }(jQuery));
      </script>

JS:
Código:
(function ($) {
          'use strict';
       
          $(function () {
            $('a[href^="/post?f=11&mode=newtopic"]')
              .attr('href', '/h2-')
            ;
          });
        }(jQuery));

Segundo código.

HTML:
Código:
<!--      ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<-      -->  <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>Testando formulário</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;
    }
h5 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #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 h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .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-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> 
<form id="fa-generated-form">
               
  <div class="fa-form-wrapper">
                     
      <h5>
            LEIA ANTES DE PREENCHER O FORMULÁRIO!     
      </h5>
                     
      <!--      BEGIN Generated HTML Code      -->         
      <div class="fa-form-group clearfix">
                   
        <h5 class="form-subtitle data-text">
                    - Apenas crie o tópico se você foi o jogador banido! <br />    - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br />         
            <div class="fa-form-group clearfix">
                    <label for="campo1">Seu nick in-game</label>  <input type="text" data-type="text" id="campo1" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                    <label for="campo2">Administrador que o baniu</label>  <input type="text" data-type="text" id="campo2" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                    <label for="campo3">Motivo do banimento</label>  <input type="text" data-type="text" id="campo3" placeholder="" required="" />   
            </div>
                   
            <div class="fa-form-group clearfix">
                    <label for="campo4">Porque acha que deveria ser desbanido?</label>  <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>   
            </div>
                   
            <div class="fa-form-group clearfix">
                    <label for="campo5">Provas (Opcional)</label>  <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>   
            </div>
                           
            <!--      END Generated HTML Code      -->       
        </h5>
               
      </div>
                   
      <div class="fa-submit">
                       
        <button class="post-button" type="submit">
                Enviar Formulário   
        </button>
                     
      </div>
                   
      <!--      Javascript's      -->     
      <!--      Não é recomendada a edição abaixo desta linha.      -->  <textarea style="display: none;" id="fa-generated-message">[b]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}

[b]Provas (Opcional)[/b]:
{{campo5}}</textarea>  <input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" />  <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: 2,
                  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 = '/h3-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>     
  </div>
</form>
JS:
Código:
(function ($) {
          'use strict';
       
          $(function () {
            $('a[href^="/post?f=2&mode=newtopic"]')
              .attr('href', '/h3-')
            ;
          });
        }(jQuery));

Até mais!
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Kenno LP 22.12.17 22:06

Olá, nenhum dos formulários funcionou, quando eu cliquei em "Novo Tópico", não redirecionou para o formulário.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 22.12.17 22:09

Kenno LP escreveu:Olá, nenhum dos formulários funcionou, quando eu cliquei em "Novo Tópico", não redirecionou para o formulário.

Como assim? Eu apenas realizei as modificações pedidas pelo senhor, nada mais além disso.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Kenno LP 22.12.17 22:11

Eu sei que realizou, porém quando eu clico em "Novo Tópico", não sou redirecionado para o formulário. E agora?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por tikky 22.12.17 22:12

Crie um novo JS e use

Código:
jQuery(document).ready(function(})
 {
jQuery('a[href^="/post?f=2&mode=newtopic"]').attr('href','/h3-');
jQuery('a[href^="/post?f=11&mode=newtopic"]').attr('href','/h2-');
});
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ários!

Mensagem por Kenno LP 22.12.17 22:20

Continua não redirecionando para o formulário, na mesma.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por tikky 22.12.17 22:28

Provavelmente, existe um JS em conflito, tente desligar o uso de todos os js menos o último que lhe passei, pff.
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ários!

Mensagem por Kenno LP 22.12.17 22:53

Deletei todos os JS além do último que mandou, porém continuo sem ser redirecionado após clicar em "Novo Tópico".
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por tikky 22.12.17 22:57

Qual o investimento que você está a usar? Todas as Página
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ários!

Mensagem por Kenno LP 22.12.17 23:22

Sim.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 23.12.17 12:50

Olá novamente.

Realize as seguintes recomendações.

Vá até:
Painel de Controle>Geral>Fórum>Segurança
Em>Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas, marque a opção: "NÃO".

Troque os códigos JS por:

1°HTML/JS
Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=2&mode=newtopic"]').attr('href', '/h3-');
});

2°HTML/JS
Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=11&mode=newtopic"]').attr('href', '/h2-');
});

Até mais!
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Kenno LP 23.12.17 12:55

Posso juntar os 2 JS em um só? Como me mandaram fazer anteriormente.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 23.12.17 12:58

Kenno LP escreveu:Posso juntar os 2 JS em um só? Como me mandaram fazer anteriormente.

Não, o senhor deverá criar um novo JS para cada formulário com investimento em todas as páginas.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Kenno LP 23.12.17 13:00

E deleto o outro que me mandaram criar anteriormente, ou deixo ficar?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 23.12.17 13:02

Kenno LP escreveu:E deleto o outro que me mandaram criar anteriormente, ou deixo ficar?

Retire todos os demais JS repassados anteriormente deixe apenas as páginas HTML ativas e crie um novo JS para cada formulário com os códigos que repassei a pouco tempo.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários!

Mensagem por Ketholy 26.12.17 16:33

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

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