Formulários, Caixa de resposta rápida e nome personalizado nos tópicos. 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, Caixa de resposta rápida e nome personalizado nos tópicos.

3 participantes

Ir para baixo

Tópico resolvido Formulários, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Kenno LP 31.07.17 19:44

Detalhes da questão


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

Descrição


Muito boa tarde.
Eu sou o Kenno, ACP do fórum Best Scavenge.

Eu tenho várias questões hoje, hehe.

A primeira é sobre os Formulários.

Anteriormente eu pedi, em um tópico, ao ajudeiro Luiz que me fizesse um formulário para o meu fórum.

Segue-se o seguinte código HTML do formulário que ele me fez:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <title>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;
    }
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>
</head>
<body>

  <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: 7,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f7-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>


E o código JavaScript, para redirecionar ao formulário quando clicava em Novo Tópico:

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


Recentemente eu mudei para o fórum de um amigo, e hoje estava a mudar o formulário, os botões da caixa de resposta rápida e o nome dos tópicos (Por exemplo [Whitelist] resposta do campo1 ).


Eu copiei tudo certo, 2 vezes, mas quando eu clicava em Novo Tópico, não redirecionava para o formulário!

Depois lembrei-me: tenho de trocar o número do fórum, no JavaScript!

E troquei, de 7 para 3.

Mas continuou não funcionando.. Nem o formulário, os botões da caixa e o nome personalizado nos tópicos funcionam!

Por isso vim aqui ao FdF recorrer ajuda.

Espero que me possam ajudar Feliz

Abraço!




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, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Harleen 31.07.17 20:05

Olá, poderia informar o link do fórum do seu amigo? envie também print do tópico em questão, pois eu testei e está tudo funcionando muito bem, veja no print
http://prntscr.com/g2nnkz

Até mais.
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Kenno LP 31.07.17 20:22

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, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Harleen 31.07.17 20:32

Me cadastrei no fórum...esse é o novo tópico onde deve ser postado?
http://scavengebest.forumeiros.com/f3-whitelist

Estarei aguardando...

Editado @Kenno LP


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

      <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>
    </body>
    </html>

E o JavaScript por esse
Código:
        (function ($) {
          'use strict';
       
          $(function () {
            $('a[href^="/post?f=3&mode=newtopic"]')
              .attr('href', '/h1-')
            ;
          });
        }(jQuery));
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Kenno LP 31.07.17 22:49

Sim, era esse o fórum, mas continua não funcionando.
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, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Harleen 01.08.17 0:57

Como está o investimento do código JavaScript? no tópico ou em todas as páginas?
Mande um print.

Editado, criei um tópico utilizando o formulário, veja http://scavengebest.forumeiros.com/t3644-whitelist-harleen_fdf
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Kenno LP 01.08.17 11:45

Mas quando eu clico em Novo Tópico, no f3, não redireciona 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, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Harleen 01.08.17 14:37

Vamos recapitular, para ver se está tudo certo...

Vá no Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript, estando lá, clique no código criado e veja como está o investimento, se não houver nenhum ou outro qualquer marque em todas as páginas.
Feito isso teste a criação do novo tópico.

Caso continue sem funcionar, mande me um print, pois os códigos estão funcionado perfeitamente.
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulários, Caixa de resposta rápida e nome personalizado nos tópicos.

Mensagem por Luiz 07.08.17 0:45

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.
Luiz
Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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