Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Redirecionar 'Novo Tópico' para o formulário de postagem

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

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 11.10.20 17:51

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

Descrição


Olá! Feliz

Estou com problema na postagem do formulário, não estou conseguindo configurar ele para aparecer quando se aperta em "novo tópico".

Código:
<!DOCTYPE html>
<html>
<head>

  <link rel="shortcut icon" href="https://imgur.com/B29dLYV.png" />
  <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>BGS | Formulário de Denúncias</title>

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"/>
  <style type="text/css">
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-size: 17px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: normal;
      line-height: 1.5;
      color: #212121;
      line-height: 1.5;
      background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
    }

    /**
     * Begin tipografia.
     */

    a,
    a:active,
    a:link,
    a:visited,
    a:focus {
      color: #309ced;
      text-decoration: none;
      border-bottom: solid 1px transparent;
      outline: 0;
    }

    a:hover {
      border-bottom-color: #2688dc;
    }

    a.fa:hover {
      border-bottom-color: transparent;
      color: #1f6db0;
    }
    
    h3 {
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 2px solid #375e7f;
    }
    
    textarea {
      height: 90px;
      box-sizing: border-box;
      resize: vertical;
      outline: none;
    }

    .btn {
      border: solid 1px #e4e4e4;
      background: linear-gradient(180deg, #fff 0%, #efefef 100%);
      padding: .575rem 1.1rem;
      border-radius: .175rem;
      font-weight: 600;
      color: #686a6b;
      cursor: pointer;
      display: block;
      text-align: center;
      margin-bottom: 5px;
      width: 100%;
    }

    .btn:focus {
      border-color: #375e7f;
      box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
      outline: none;
    }

    .btn:hover {
      box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
    }

    .btn.btn-primary {
      border-radius: 3px;
      box-shadow: none;
      color: #fff;
      background: #309ced;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 50%;
    }

    .btn.btn-primary:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
      outline: none;
    }

    .btn.btn-primary:hover {
      background: #444;
    }

    .btn.btn-danger {
      color: #fff;
      border-color: #bd2c00;
      background: #e7592e;
      background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
    }

    .btn.btn-danger:focus {
      border-color: #aa2c05;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
      outline: none;
    }

    .btn-progress {
      cursor: not-allowed;
      opacity: .657;
    }

    .form-control {
      background-color: #fff;
      border: 1px solid #d4d4d4;
      padding: 6px 8px;
      margin: 5px 0 0;
      display: block;
      width: 100%;
      font-size: 16px;
      color: #555;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
      outline: none;
    }

    .form-control:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
      outline: none;
    }
    
    input[type="text"]:disabled {
      background: #dddddd;
      cursor: not-allowed;
    }
    
    .card {
      background-color: #E54732;
      padding: 5px;
      font-size: 10px;
      color: #fff;
      font-weight: 800;
      border-radius: 5px;
      float: left;
      margin-right: 5px;
    }


    /*
     * End tipografia.
     **/

    .wrapper {
      width: 50%;
      position: absolute;
      top: 5%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .wrapper hgroup {
      text-align: center;
    }
    
    .wrapper hgroup h1 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }

    .wrapper hgroup i.fa {
      font-size: 4em;
    }

    .wrapper hgroup h4 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }

    .wrapper form {
      border: solid 1px #d4d4d4;
      margin: 0 0 25px;
      padding: 20px;
      color: #555;
      border-radius: 4px;
      background-color: #fff;
    }

    .wrapper form .form-group label {
      display: table;
    }

    .wrapper form .form-group .form-group-col {
      float: left;
      margin-right: 2%;
      margin-top: 2%;
    }
    
    .form-group .form-group-col:first-child {
      margin-left: 3%;
    }

    .wrapper footer {
      border: solid 1px #d6d6d6;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      font-size: 16px;
      color: #555;
      margin-bottom: 2%;
    }
    
    .col-94 {
      width: 94%;
    }
    
    .col-46 {
      width: 46%;
    }
    
    .col-30 {
      width: 30%;
    }

    /**
     * FOR JS Styles:
     */

    #login-form,
    footer {
      box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
    }

    .title h2 {
      font-weight: 300;
      margin-bottom: 5px;
      text-align: center;
    }
    .title h4 {
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center;
    }

    @media screen and (max-width: 900px) {
      .wrapper {
        width: 40%;
      }
    }

    @media screen and (max-width: 600px) {
      .wrapper {
        width: 70%;
      }
    }

    @media screen and (max-width: 500px) {
      .wrapper {
        width: 80%;
      }
    }

    @media screen and (max-width: 400px) {
      .wrapper {
        width: 90%;
      }
    }
  </style>
</head>
<body>
  <main class="wrapper">

    <hgroup>
       <h1><img src="https://imgur.com/B29dLYV.png"></h1>
    </hgroup>

    <form id="form-content">
      <a href="/h1-" title="Voltar ao menu"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
      <div class="title">
        <h4>Preencha TODOS os dados corretamente. No caso de deixar os campos em branco sua denúncia pode ser anulada e arquivada sem aviso prévio.</h4>
      </div>
      <h3>Dados da denúncia</h3>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="nickname">Nick do denunciante:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Seu nickname" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="patente">Denúncia:</label>
          <select data-type="select" id="patente" class="form-control" required>
            <!-- First -->
           <option value="ANTI_RPG">ANTI-RPG</option>
            <option value="DM">DM</option>
            <option value="DB">DB</option>
            <option value="XITER">XITER</option>
            <option value="FLOOD">FLOOD</option>
            <option value="ABUSO">ABUSO</option>
            <option value="OFENSA">OFENSA</option>
            <option value="FORJA">FORJA</option>
            <option value="REVISÃO">REVISÃO</option>
            <option value="OUTROS">OUTROS</option>

          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="inicio">Nick do(a) Denunciado(a:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Nick do(s) Denunciado(s)" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="retorno">Provas:</label>
          <input type="text" id="retorno" class="form-control" placeholder="Link das Provas" required/>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <label for="motivos">Motivos para a licença:</label>
          <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para pedir uma licença." required></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <input type="checkbox" name="termos" value="X" required> Li e concordo que preenchi todos os dados corretamente.
        </div>
      </div>
      <br/>
      <button type="submit" class="btn btn-primary">Enviar</button>

    </form>
  </main>

  <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo IV - Aval[/color][/b][/center]

    [b]Nickname:[/b] {{nickname}}
    [b]Patente:[/b] {{patente}}
    [b]Quantidade de dias:[/b] {{inicio}} a {{retorno}}
    [b]Motivos:[/b] {{motivos}}
    
    ({{termos}}) Li e concordo com as normas de licença.</textarea>
    
  <script>
    var instance = new Date();
  
    var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
    
    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('inicio').value = date;
  </script>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';

      $(function () {
          $('#form-content').on('submit', function (event) {

            var data = {
              nickname: $('#nickname').val(),
              patente: $('#patente').val(),
              inicio: $('#inicio').val(),
              retorno: $('#retorno').val(),
              motivos: $('#motivos').val(),
              termos: ' x ',
            };
            
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      t: 3,
                      message: [
               '[center][b][size=18][font=Georgia]SOLICITAÇÃO DE LICENÇA[/font][/size][/b] [/center]',
              '',
    '[b]Nick:[/b] ' + data.nickname,
                      '[b]Cargo:[/b] ' + data.patente,
              '[b]Quantidade de dias:[/b]' + data.inicio + ' a ' + data.retorno,
                      '[b]Motivos:[/b] ' + data.motivos,
                      '',
                      '(' + data.termos + ') Li e concordo com as normas de licença.',
                      ].join('\n'),
                      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 + '/t3-?view=newest';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por tikky 11.10.20 18:48

Olá @APOllO,


configurar ele para aparecer quando se aperta em "novo tópico".

Antes de passar a sua questão, o formulário em cima responde a um tópico, e não cria nenhum tópico, é o que o senhor deseja?


Aguardo uma resposta sua,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 11.10.20 21:15

Isso, queria que ele fosse para criar um novo tópico.
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por tikky 11.10.20 23:16

Altere o seu formulário para:
Código:
<!DOCTYPE html>
<html>
<head>
 
  <link rel="shortcut icon" href="https://imgur.com/B29dLYV.png" />
  <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>BGS | Formulário de Denúncias</title>
 
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"/>
  <style type="text/css">
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
 
    html,
    body {
      height: 100%;
    }
 
    body {
      font-size: 17px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: normal;
      line-height: 1.5;
      color: #212121;
      line-height: 1.5;
      background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
    }
 
    /**
    * Begin tipografia.
    */
 
    a,
    a:active,
    a:link,
    a:visited,
    a:focus {
      color: #309ced;
      text-decoration: none;
      border-bottom: solid 1px transparent;
      outline: 0;
    }
 
    a:hover {
      border-bottom-color: #2688dc;
    }
 
    a.fa:hover {
      border-bottom-color: transparent;
      color: #1f6db0;
    }
   
    h3 {
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 2px solid #375e7f;
    }
   
    textarea {
      height: 90px;
      box-sizing: border-box;
      resize: vertical;
      outline: none;
    }
 
    .btn {
      border: solid 1px #e4e4e4;
      background: linear-gradient(180deg, #fff 0%, #efefef 100%);
      padding: .575rem 1.1rem;
      border-radius: .175rem;
      font-weight: 600;
      color: #686a6b;
      cursor: pointer;
      display: block;
      text-align: center;
      margin-bottom: 5px;
      width: 100%;
    }
 
    .btn:focus {
      border-color: #375e7f;
      box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
      outline: none;
    }
 
    .btn:hover {
      box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
    }
 
    .btn.btn-primary {
      border-radius: 3px;
      box-shadow: none;
      color: #fff;
      background: #309ced;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 50%;
    }
 
    .btn.btn-primary:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
      outline: none;
    }
 
    .btn.btn-primary:hover {
      background: #444;
    }
 
    .btn.btn-danger {
      color: #fff;
      border-color: #bd2c00;
      background: #e7592e;
      background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
    }
 
    .btn.btn-danger:focus {
      border-color: #aa2c05;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
      outline: none;
    }
 
    .btn-progress {
      cursor: not-allowed;
      opacity: .657;
    }
 
    .form-control {
      background-color: #fff;
      border: 1px solid #d4d4d4;
      padding: 6px 8px;
      margin: 5px 0 0;
      display: block;
      width: 100%;
      font-size: 16px;
      color: #555;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
      outline: none;
    }
 
    .form-control:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
      outline: none;
    }
   
    input[type="text"]:disabled {
      background: #dddddd;
      cursor: not-allowed;
    }
   
    .card {
      background-color: #E54732;
      padding: 5px;
      font-size: 10px;
      color: #fff;
      font-weight: 800;
      border-radius: 5px;
      float: left;
      margin-right: 5px;
    }
 
 
    /*
    * End tipografia.
    **/
 
    .wrapper {
      width: 50%;
      position: absolute;
      top: 5%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
 
    .wrapper hgroup {
      text-align: center;
    }
   
    .wrapper hgroup h1 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }
 
    .wrapper hgroup i.fa {
      font-size: 4em;
    }
 
    .wrapper hgroup h4 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }
 
    .wrapper form {
      border: solid 1px #d4d4d4;
      margin: 0 0 25px;
      padding: 20px;
      color: #555;
      border-radius: 4px;
      background-color: #fff;
    }
 
    .wrapper form .form-group label {
      display: table;
    }
 
    .wrapper form .form-group .form-group-col {
      float: left;
      margin-right: 2%;
      margin-top: 2%;
    }
   
    .form-group .form-group-col:first-child {
      margin-left: 3%;
    }
 
    .wrapper footer {
      border: solid 1px #d6d6d6;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      font-size: 16px;
      color: #555;
      margin-bottom: 2%;
    }
   
    .col-94 {
      width: 94%;
    }
   
    .col-46 {
      width: 46%;
    }
   
    .col-30 {
      width: 30%;
    }
 
    /**
    * FOR JS Styles:
    */
 
    #login-form,
    footer {
      box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
    }
 
    .title h2 {
      font-weight: 300;
      margin-bottom: 5px;
      text-align: center;
    }
    .title h4 {
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center;
    }
 
    @media screen and (max-width: 900px) {
      .wrapper {
        width: 40%;
      }
    }
 
    @media screen and (max-width: 600px) {
      .wrapper {
        width: 70%;
      }
    }
 
    @media screen and (max-width: 500px) {
      .wrapper {
        width: 80%;
      }
    }
 
    @media screen and (max-width: 400px) {
      .wrapper {
        width: 90%;
      }
    }
  </style>
</head>
<body>
  <main class="wrapper">
 
    <hgroup>
      <h1><img src="https://imgur.com/B29dLYV.png"></h1>
    </hgroup>
 
    <form id="form-content">
      <a href="/h1-" title="Voltar ao menu"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
      <div class="title">
        <h4>Preencha TODOS os dados corretamente. No caso de deixar os campos em branco sua denúncia pode ser anulada e arquivada sem aviso prévio.</h4>
      </div>
      <h3>Dados da denúncia</h3>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="nickname">Nick do denunciante:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Seu nickname" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="patente">Denúncia:</label>
          <select data-type="select" id="patente" class="form-control" required>
            <!-- First -->
          <option value="ANTI_RPG">ANTI-RPG</option>
            <option value="DM">DM</option>
            <option value="DB">DB</option>
            <option value="XITER">XITER</option>
            <option value="FLOOD">FLOOD</option>
            <option value="ABUSO">ABUSO</option>
            <option value="OFENSA">OFENSA</option>
            <option value="FORJA">FORJA</option>
            <option value="REVISÃO">REVISÃO</option>
            <option value="OUTROS">OUTROS</option>
 
          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="inicio">Nick do(a) Denunciado(a:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Nick do(s) Denunciado(s)" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="retorno">Provas:</label>
          <input type="text" id="retorno" class="form-control" placeholder="Link das Provas" required/>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <label for="motivos">Motivos para a licença:</label>
          <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para pedir uma licença." required></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <input type="checkbox" name="termos" value="X" required> Li e concordo que preenchi todos os dados corretamente.
        </div>
      </div>
      <br/>
      <button type="submit" class="btn btn-primary">Enviar</button>
 
    </form>
  </main>
 
  <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo IV - Aval[/color][/b][/center]
 
    [b]Nickname:[/b] {{nickname}}
    [b]Patente:[/b] {{patente}}
    [b]Quantidade de dias:[/b] {{inicio}} a {{retorno}}
    [b]Motivos:[/b] {{motivos}}
   
    ({{termos}}) Li e concordo com as normas de licença.</textarea>
   
  <script>
    var instance = new Date();
 
    var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
   
    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('inicio').value = date;
  </script>
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(function () {
          $('#form-content').on('submit', function (event) {
 
            var data = {
              nickname: $('#nickname').val(),
              patente: $('#patente').val(),
              inicio: $('#inicio').val(),
              retorno: $('#retorno').val(),
              motivos: $('#motivos').val(),
              termos: ' x ',
            };
           
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      f: 3,
                      subject: '[' + data.nickname + '] Solicitação de licença',
                      message: [
              '[center][b][size=18][font=Georgia]SOLICITAÇÃO DE LICENÇA[/font][/size][/b] [/center]',
              '',
    '[b]Nick:[/b] ' + data.nickname,
                      '[b]Cargo:[/b] ' + data.patente,
              '[b]Quantidade de dias:[/b]' + data.inicio + ' a ' + data.retorno,
                      '[b]Motivos:[/b] ' + data.motivos,
                      '',
                      '(' + data.termos + ') Li e concordo com as normas de licença.',
                      ].join('\n'),
                      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
                      post: 1,
                  }).done(function () {
                      alert('Postado com sucesso. Você será redirecionado para o tópico...');
                location.href = 'http://' + location.host + '/f3-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Encontre o seguinte f: 3, e altere o 3 para o ID do subfórum que o senhor pretende que o tópico seja criado; Encontre também:
Código:
location.href = 'http://' + location.host + '/f3-';
e altere também o 3 para o subfórum pretendido!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 12.10.20 0:12

Quando aperto em novo tópico ele ainda não está redirecionando para o fórmulário. Triste  Alterei o numéro para testar em outros subfóruns continua não indo mas quando entro pela página /h1- e faço o poste ele vai certinho no subfórum escolhido.
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por tikky 12.10.20 0:53

Não sei se o senhor interpretou corretamente a minha postagem:
Antes de passar a sua questão, o formulário em cima responde a um tópico, e não cria nenhum tópico, é o que o senhor deseja?

De forma alguma dei a solução a sua questão, questionei o funcionamento do formulário para ter a certeza que irei passar a solução correta, todavia leia o ponto 6 neste tópico.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 12.10.20 1:15

Parece que interpretei errado. slap Teria como por ele para criar os tópicos? Já adicionei o js no fórum, estou tentando por ele no sub-fórum /f3-
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por Fraise 12.10.20 8:39

Bom dia APOllO! Tudo bem?

Consulte a parte final deste tutorial:
> https://ajuda.forumeiros.com/t109239-

Abraço.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 12.10.20 13:13

Fraise escreveu:Bom dia APOllO! Tudo bem?

Consulte a parte final deste tutorial:
> https://ajuda.forumeiros.com/t109239-

Abraço.

Tudo ótimo! apaixonado

Estou usando o js mas ainda não funciona.


Código:
<!DOCTYPE html>
<html>
<head>
 
  <link rel="shortcut icon" href="https://imgur.com/B29dLYV.png" />
  <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>BGS | Formulário de Denúncias</title>
 
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"/>
  <style type="text/css">
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
 
    html,
    body {
      height: 100%;
    }
 
    body {
      font-size: 17px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: normal;
      line-height: 1.5;
      color: #212121;
      line-height: 1.5;
      background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
    }
 
    /**
    * Begin tipografia.
    */
 
    a,
    a:active,
    a:link,
    a:visited,
    a:focus {
      color: #309ced;
      text-decoration: none;
      border-bottom: solid 1px transparent;
      outline: 0;
    }
 
    a:hover {
      border-bottom-color: #2688dc;
    }
 
    a.fa:hover {
      border-bottom-color: transparent;
      color: #1f6db0;
    }
 
    h3 {
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 2px solid #375e7f;
    }
 
    textarea {
      height: 90px;
      box-sizing: border-box;
      resize: vertical;
      outline: none;
    }
 
    .btn {
      border: solid 1px #e4e4e4;
      background: linear-gradient(180deg, #fff 0%, #efefef 100%);
      padding: .575rem 1.1rem;
      border-radius: .175rem;
      font-weight: 600;
      color: #686a6b;
      cursor: pointer;
      display: block;
      text-align: center;
      margin-bottom: 5px;
      width: 100%;
    }
 
    .btn:focus {
      border-color: #375e7f;
      box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
      outline: none;
    }
 
    .btn:hover {
      box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
    }
 
    .btn.btn-primary {
      border-radius: 3px;
      box-shadow: none;
      color: #fff;
      background: #309ced;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 50%;
    }
 
    .btn.btn-primary:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
      outline: none;
    }
 
    .btn.btn-primary:hover {
      background: #444;
    }
 
    .btn.btn-danger {
      color: #fff;
      border-color: #bd2c00;
      background: #e7592e;
      background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
    }
 
    .btn.btn-danger:focus {
      border-color: #aa2c05;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
      outline: none;
    }
 
    .btn-progress {
      cursor: not-allowed;
      opacity: .657;
    }
 
    .form-control {
      background-color: #fff;
      border: 1px solid #d4d4d4;
      padding: 6px 8px;
      margin: 5px 0 0;
      display: block;
      width: 100%;
      font-size: 16px;
      color: #555;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
      outline: none;
    }
 
    .form-control:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
      outline: none;
    }
 
    input[type="text"]:disabled {
      background: #dddddd;
      cursor: not-allowed;
    }
 
    .card {
      background-color: #E54732;
      padding: 5px;
      font-size: 10px;
      color: #fff;
      font-weight: 800;
      border-radius: 5px;
      float: left;
      margin-right: 5px;
    }
 
 
    /*
    * End tipografia.
    **/
 
    .wrapper {
      width: 50%;
      position: absolute;
      top: 5%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
 
    .wrapper hgroup {
      text-align: center;
    }
 
    .wrapper hgroup h1 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }
 
    .wrapper hgroup i.fa {
      font-size: 4em;
    }
 
    .wrapper hgroup h4 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }
 
    .wrapper form {
      border: solid 1px #d4d4d4;
      margin: 0 0 25px;
      padding: 20px;
      color: #555;
      border-radius: 4px;
      background-color: #fff;
    }
 
    .wrapper form .form-group label {
      display: table;
    }
 
    .wrapper form .form-group .form-group-col {
      float: left;
      margin-right: 2%;
      margin-top: 2%;
    }
 
    .form-group .form-group-col:first-child {
      margin-left: 3%;
    }
 
    .wrapper footer {
      border: solid 1px #d6d6d6;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      font-size: 16px;
      color: #555;
      margin-bottom: 2%;
    }
 
    .col-94 {
      width: 94%;
    }
 
    .col-46 {
      width: 46%;
    }
 
    .col-30 {
      width: 30%;
    }
 
    /**
    * FOR JS Styles:
    */
 
    #login-form,
    footer {
      box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
    }
 
    .title h2 {
      font-weight: 300;
      margin-bottom: 5px;
      text-align: center;
    }
    .title h4 {
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center;
    }
 
    @media screen and (max-width: 900px) {
      .wrapper {
        width: 40%;
      }
    }
 
    @media screen and (max-width: 600px) {
      .wrapper {
        width: 70%;
      }
    }
 
    @media screen and (max-width: 500px) {
      .wrapper {
        width: 80%;
      }
    }
 
    @media screen and (max-width: 400px) {
      .wrapper {
        width: 90%;
      }
    }
  </style>
</head>
<body>
  <main class="wrapper">
 
    <hgroup>
      <h1><img src="https://imgur.com/B29dLYV.png"></h1>
    </hgroup>
 
    <form id="form-content">
      <a href="/h1-" title="Voltar ao menu"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
      <div class="title">
        <h4>Preencha TODOS os dados corretamente. No caso de deixar os campos em branco sua denúncia pode ser anulada e arquivada sem aviso prévio.</h4>
      </div>
      <h3>Dados da denúncia</h3>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="nickname">Nick do denunciante:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Seu nickname" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="patente">Denúncia:</label>
          <select data-type="select" id="patente" class="form-control" required>
            <!-- First -->
          <option value="ANTI_RPG">ANTI-RPG</option>
            <option value="DM">DM</option>
            <option value="DB">DB</option>
            <option value="XITER">XITER</option>
            <option value="FLOOD">FLOOD</option>
            <option value="ABUSO">ABUSO</option>
            <option value="OFENSA">OFENSA</option>
            <option value="FORJA">FORJA</option>
            <option value="REVISÃO">REVISÃO</option>
            <option value="OUTROS">OUTROS</option>
 
          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-46">
          <label for="inicio">Nick do(a) Denunciado(a:</label>
          <input type="text" id="nickname" class="form-control" placeholder="Nick do(s) Denunciado(s)" required/>
        </div>
        <div class="form-group-col col-46">
          <label for="retorno">Provas:</label>
          <input type="text" id="retorno" class="form-control" placeholder="Link das Provas" required/>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <label for="motivos">Motivos para a licença:</label>
          <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para pedir uma licença." required></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <input type="checkbox" name="termos" value="X" required> Li e concordo que preenchi todos os dados corretamente.
        </div>
      </div>
      <br/>
      <button type="submit" class="btn btn-primary">Enviar</button>
 
    </form>
  </main>
 
  <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo IV - Aval[/color][/b][/center]
 
    [b]Nickname:[/b] {{nickname}}
    [b]Patente:[/b] {{patente}}
    [b]Quantidade de dias:[/b] {{inicio}} a {{retorno}}
    [b]Motivos:[/b] {{motivos}}
 
    ({{termos}}) Li e concordo com as normas de licença.</textarea>
 
  <script>
    var instance = new Date();
 
    var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
 
    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('inicio').value = date;
  </script>
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(function () {
          $('#form-content').on('submit', function (event) {
 
            var data = {
              nickname: $('#nickname').val(),
              patente: $('#patente').val(),
              inicio: $('#inicio').val(),
              retorno: $('#retorno').val(),
              motivos: $('#motivos').val(),
              termos: ' x ',
            };
         
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      f: 3,
                      subject: '[' + data.nickname + '] Solicitação de licença',
                      message: [
              '[center][b][size=18][font=Georgia]SOLICITAÇÃO DE LICENÇA[/font][/size][/b] [/center]',
              '',
    '[b]Nick:[/b] ' + data.nickname,
                      '[b]Cargo:[/b] ' + data.patente,
              '[b]Quantidade de dias:[/b]' + data.inicio + ' a ' + data.retorno,
                      '[b]Motivos:[/b] ' + data.motivos,
                      '',
                      '(' + data.termos + ') Li e concordo com as normas de licença.',
                      ].join('\n'),
                      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
                      post: 1,
                  }).done(function () {
                      alert('Postado com sucesso. Você será redirecionado para o tópico...');
                location.href = 'http://' + location.host + '/f3-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>


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

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro
  • 0

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por Fraise 12.10.20 13:28

Vamos trocar o JS por este:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por APOllO 12.10.20 13:41

Ah, é sem {} slap
Agora funcionou, muito obrigado @pedxz @Fraise Positivo
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redirecionar 'Novo Tópico' para o formulário de postagem

Mensagem por tikky 12.10.20 13:58

OK

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

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