Problemas com página html

Detalhes da questão

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

Descrição

Olá, boa tarde, bom, eu estou com umas páginas html´s que são (formulários), eu configurei e etc, coloquei o link do tópico que o formulário responderia, mas quando aperto em enviar, ele só redireciona pro tópico, não posta nada.

Saudações,

Acesse o Painel de Controle, depois em Geral, depois em Fórum, em seguinte, clique em Segurança, depois na opção de "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas", a opção deve estar em "Não" e depois salve.

Atenciosamente,
Wamki

Opa, eu fiz isso, e mesmo assim, ele redireciona, mas não posta a mensagem

segue abaixo a página html

Código:

<link href="https://i.imgur.com/WqhtPPl.png" rel="shortcut icon" />  <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport" />  <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Criação: TAGs</title>  <link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet" />  <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: #D8B500;
      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: #D8B500;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 25%;
    }

    .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 i.fa {
      font-size: 4em;
    }

    .wrapper hgroup h1 {
      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>  <main class="wrapper">    <hgroup>        </hgroup></main>
<h1 style="">
                                  
   <div align="center">
          <img src="https://i.imgur.com/WqhtPPl.png" />   
   </div>
</h1><main class="wrapper"><hgroup></hgroup>          </main>
<form style="" id="form-content">
                                     <a title="Voltar ao menu" href="/h13-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>                                 
   <div class="title">
                                                                     
      <h4>
                                     Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.                           
      </h4>
                                                                   
   </div>
                                                                
   <div class="form-group">
             
      <div align="center">
                                                                    
         <div align="center">
                                                                           
            <div class="form-group-col col-30">
                                                     <label for="Nickname">Seu Nick</label>          <input required="" placeholder="" class="form-control" id="nickname" type="text" />                                   
            </div>
                                                                         
         </div>
                                                                      
         <div class="form-group">
               
            <div align="center">
                                                                              
               <div class="form-group-col col-30">
                                                        <label for="patente">O seu posto atual:</label>          <input required="" placeholder="" class="form-control" id="patente" type="text" />                                   
               </div>
                                                                              
               <div align="center">
                               
                  <div class="form-group-col col-30">
                                                           <label for="tagi">TAG atual:</label>          <input required="" maxlength="3" placeholder="TAG atual (sem [ ])" class="form-control" id="tagi" type="text" />                                   
                  </div>
                                                                                 
                  <div align="center">
                                
                     <div class="form-group-col col-30">
                                                              <label for="tagf">TAG nova:</label>          <input required="" maxlength="3" placeholder="TAG desejada (sem [ ])" class="form-control" id="tagf" type="text" />                                   
                     </div>
                                                                                  
                  </div>
                               
               </div>
                          
            </div>
                                              <br />                                 
            <button class="btn btn-primary" type="submit">
                                           Enviar                           
            </button>
                                                                      <main class="wrapper">  </main>  <textarea id="post-msg" style="display: none;">[center][b][color=#ff0000]Modelo II - Alteração[/color][/b][/center]

    [b]Nickname:[/b] {{nickname}}
    [b]Posto:[/b] {{patente}}
    [b]Digite sua TAG:[/b] {{tagi}}
    [b]Nova TAG:[/b] {{tagf}}
   
    {{nickname}} [b][{{tagf}}][/b]</textarea>  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript">
    (function ($) {
      'use strict';

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

            var data = {
              nickname: $('#nickname').val(),
              patente: $('#patente').val(),
              tag_atual: $('#tagi').val(),
              tag_nova: $('#tagf').val(),
            };
           
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      t: 174,
                      message: [
                  '[center][b][color=#ff0000]Modelo I - Criação[/color][/b][/center]',
                    '',
                         '[b]Nickname:[/b] ' + data.nickname,
             '[b]Patente:[/b] ' + data.patente,
             '[b]Digite sua TAG:[/b] [' + data.tag_atual + ']',
             '[b]Nick + Tag:[/b] [' + data.tag_nova + ']',
             '',
             '' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
                      ].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 = 'https://sistemacsm.forumeiros.com/t50-formulario-tag' + location.host + '/t174-?view=newest';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script> 
         </div>
          
      </div>
       
   </div>
</form>

Poderia me disponibilizar uma conta teste no seu fórum?

Com prazer, login: Teste e senha teste2020

Saudações,

O senhor que tem tomar cuidado com os números respectivos dos tópicos,

Segue o código alterado

Código:


<link href="https://i.imgur.com/WqhtPPl.png" rel="shortcut icon" />  <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport" />  <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Criação: TAGs</title>  <link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet" />  <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: #D8B500;
      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: #D8B500;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 25%;
    }
 
    .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 i.fa {
      font-size: 4em;
    }
 
    .wrapper hgroup h1 {
      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>  <main class="wrapper">    <hgroup>        </hgroup></main>
<h1 style="">
                                  
   <div align="center">
          <img src="https://i.imgur.com/WqhtPPl.png" />  
   </div>
</h1><main class="wrapper"><hgroup></hgroup>          </main>
<form style="" id="form-content">
                                     <a title="Voltar ao menu" href="/h13-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>                                
   <div class="title">
                                                                    
      <h4>
                                     Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.                          
      </h4>
                                                                  
   </div>
                                                                
   <div class="form-group">
            
      <div align="center">
                                                                    
         <div align="center">
                                                                          
            <div class="form-group-col col-30">
                                                     <label for="Nickname">Seu Nick</label>          <input required="" placeholder="" class="form-control" id="nickname" type="text" />                                  
            </div>
                                                                        
         </div>
                                                                      
         <div class="form-group">
              
            <div align="center">
                                                                              
               <div class="form-group-col col-30">
                                                        <label for="patente">O seu posto atual:</label>          <input required="" placeholder="" class="form-control" id="patente" type="text" />                                  
               </div>
                                                                              
               <div align="center">
                              
                  <div class="form-group-col col-30">
                                                           <label for="tagi">TAG atual:</label>          <input required="" maxlength="3" placeholder="TAG atual (sem [ ])" class="form-control" id="tagi" type="text" />                                  
                  </div>
                                                                                
                  <div align="center">
                                
                     <div class="form-group-col col-30">
                                                              <label for="tagf">TAG nova:</label>          <input required="" maxlength="3" placeholder="TAG desejada (sem [ ])" class="form-control" id="tagf" type="text" />                                  
                     </div>
                                                                                  
                  </div>
                              
               </div>
                          
            </div>
                                              <br />                                
            <button class="btn btn-primary" type="submit">
                                           Enviar                          
            </button>
                                                                      <main class="wrapper">  </main>  <textarea id="post-msg" style="display: none;">[center][b][color=#ff0000]Modelo II - Alteração[/color][/b][/center]
 
    [b]Nickname:[/b] {{nickname}}
    [b]Posto:[/b] {{patente}}
    [b]Digite sua TAG:[/b] {{tagi}}
    [b]Nova TAG:[/b] {{tagf}}
  
    {{nickname}} [b][{{tagf}}][/b]</textarea>  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(function () {
          $('#form-content').on('submit', function (event) {
 
            var data = {
              nickname: $('#nickname').val(),
              patente: $('#patente').val(),
              tag_atual: $('#tagi').val(),
              tag_nova: $('#tagf').val(),
            };
          
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      t: 50,
                      message: [
                  '[center][b][color=#ff0000]Modelo I - Criação[/color][/b][/center]',
                    '',
                         '[b]Nickname:[/b] ' + data.nickname,
             '[b]Patente:[/b] ' + data.patente,
             '[b]Digite sua TAG:[/b] [' + data.tag_atual + ']',
             '[b]Nick + Tag:[/b] [' + data.tag_nova + ']',
             '',
             '' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
                      ].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 = '/t50-' + location.host + '/t50-?view=newest';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>
         </div>
          
      </div>
      
   </div>
</form>

            t: 174,       
               location.href = '/t50-' + location.host + '/t174-?view=newest';

O que deixei em negrito, você deve alterar o número de acordo com o link do tópico, por exemplo, https://sistemacsm.forumeiros.com/t50-formulario-tag, logo o número será 50.

Atenciosamente,
Wamki

o que seria isso: '/t174-?view=newest . Deu certo e funcionou, mas o que seria isso?

Strilk escreveu:o que seria isso: '/t174-?view=newest . Deu certo e funcionou, mas o que seria isso?

Saudações,

É uma forma eficaz de redirecionar para a página principal de tópico que está registrando o seu formulário, bem como outras partes. Recomendo que não remova, tanto que só troque os números para respectivo tópico para que o sistema funcione.

Atenciosamente, Wamki

Como eu acho o número de cada página? Não consegui achar essa parte só a primeira

Strilk escreveu:Como eu acho o número de cada página? Não consegui achar essa parte só a primeira

Acesse o tópico e verá no url o link e seu número respectivo, por exemplo:

https://sistemacsm.forumeiros.com/t47-formulario-corpo-de-pracas

O que está em negrito, é o número para colocar no jScript!

Atenciosamente,
Wamki

aparece o t47, mas não aparece o '/t174, no caso desse '' location.href = '/t50-' '' não o do próximo

Strilk escreveu:aparece o t47, mas não aparece o '/t174, no caso desse ''    location.href = '/t50-' '' não o do próximo

Saudações,

Oh, cê me deixou confuso , não é para alterar no url e sim dentro do próprio código da sua respectiva página HTML com o respectivo número do tópico que pode ser visto no url na barra do navegador.

Quando você achar o número e alterar o que citei antes que está em negrito, não terá problemas.

Até mais!

Não precisa mudar isso: /t174-?view=newest, só o outro do /t(2 digitos), no caso o do meu topico t47?

Strilk escreveu:Não precisa mudar isso: /t174-?view=newest, só o outro do /t(2 digitos), no caso o do meu topico t47?

Saudações,

Precisar mudar três vezes, os que você citou e ainda no início do jScript!
que é t: 147

Obrigado, pode fechar