Adicionar subfórum no Formulário

2 participantes

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

Tópico resolvido Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 11.07.17 19:41

Detalhes da questão


Endereço do fórum: http://ww.cidadesocial.com
Versão do fórum: PunBB

Descrição


Quero colocar uma caixa de seleção no meu formulário que dependendo da opção que eu selecionar nela, o tópico vá para outro ID de fórum.

Exemplo:

"Área á ser postada"
Papo Furado - Fórum 1
Dúvidas - Fórum 2

Se eu selecionar Papo Furado, o tópico vai ser postado no fórum 1.

Usei o gerador de formulário.

Como eu posso fazer esse tipo de esquema para uma seleção trocar a categoria á ser postada ?
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 11.07.17 19:43

Adicionar subfórum no Formulário Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Pode me passar o código usado no seu formulário?

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 11.07.17 19:51

Tá na mão!

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Criar uma nova denúncia</title>

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

    html,
    body {
      height: 100%;
    }

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

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

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

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

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

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Criar uma nova denúncia</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Seus dados:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Seu nome no servidor:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Sua organização:</label>
  <select data-type="select" id="campo4" required="required">
<!-- First -->





















<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados do Denunciado:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Nome do denunciado:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Organização do denunciado:</label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados da denúncia:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo9">Motivo da denúncia:</label>
  <input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Descreva o ato:</label>
  <textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>


</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">


</div>
<div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>


</div>

<div class="fa-form-group clearfix">
  <label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
  <select data-type="select" id="campo14" required="">
<!-- First -->
<option value="Civis">Civis</option>
<option value="Funcionários Públicos">Funcionários Públicos</option>
<option value="Criminosos">Criminosos</option>
<option value="Mafiosos">Mafiosos</option>
<option value="Assassinos">Assassinos</option>
<option value="Terroristas">Terroristas</option>
<option value="Líderes">Líderes</option>
<option value="Helper">Helper</option>
<option value="Staff">Staff</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



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

  <textarea style="display: none;" id="fa-generated-message">[b]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}

[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}

[b]Provas:[/b] {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />

  <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: 9,
                  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 = '/f9-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

O último campo é oque eu quero controlar os subfóruns, me dê um exemplo que eu consigo fazer o resto.
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 11.07.17 19:55

Esse?
Código:
<div class="fa-form-group clearfix">
  <label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
  <select data-type="select" id="campo14" required="">
<!-- First -->
<option value="Civis">Civis</option>
<option value="Funcionários Públicos">Funcionários Públicos</option>
<option value="Criminosos">Criminosos</option>
<option value="Mafiosos">Mafiosos</option>
<option value="Assassinos">Assassinos</option>
<option value="Terroristas">Terroristas</option>
<option value="Líderes">Líderes</option>
<option value="Helper">Helper</option>
<option value="Staff">Staff</option>
</select>
</div>
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 11.07.17 19:56

Esse mesmo!

Eu queria tipo, caso a opção tivesse valor "Civis", o tópico fosse postado em f9-

Já se fosse "Criminosos", o tópico fosse postado em f11-

Tem como fazer isso?
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 11.07.17 19:59

Sim, é.

Precisarei da relação de cada valor.
Por exemplo, se postássemos em "Civis", iria para o f11-.

Preciso que o senhor me diga a relação de cada um. Feliz

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 11.07.17 20:02

A relação que eu iria precisar seria essa:

*Civis f9-
*Funcionários Públicos f7-
*Criminosos f8-
*Mafiosos f12-
*Assassinos f16-
*Terroristas f13-
*Líderes f23-
*Helper f19-
*Staff f15-

Só que não precisa fazer o código inteiro, me dá um exemplo com 2 itens, que eu faço o restante, não estou conseguindo de fato fazer isso.

Sou novato em HTML/JS
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 12.07.17 13:19

Tente trocar por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Criar uma nova denúncia</title>

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

    html,
    body {
      height: 100%;
    }

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

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

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

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

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

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Criar uma nova denúncia</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Seus dados:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Seu nome no servidor:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Sua organização:</label>
  <select data-type="select" id="campo4" required="required">

<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados do Denunciado:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Nome do denunciado:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Organização do denunciado:</label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados da denúncia:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo9">Motivo da denúncia:</label>
  <input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Descreva o ato:</label>
  <textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>


</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">


</div>
<div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>


</div>

<div class="fa-form-group clearfix">
  <label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
  <select data-type="select" id="campo14" required="">
<!-- First -->
<option value="9">Civis</option>
<option value="7">Funcionários Públicos</option>
<option value="8">Criminosos</option>
<option value="12">Mafiosos</option>
<option value="16">Assassinos</option>
<option value="13">Terroristas</option>
<option value="23">Líderes</option>
<option value="19">Helper</option>
<option value="15">Staff</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



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

  <textarea style="display: none;" id="fa-generated-message">[b]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}

[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}

[b]Provas:[/b] {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />

  <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: $('#campo14').val(),
                  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 = '/f9-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 12.07.17 19:03

Deu certo!!!

Só que surgiu uma dúvida.

Eu posso colocar 2 option com o mesmo valor porém com outro nome?

Ah, e para ir para o tópico criado, como eu faço ?

É só alterar o
Código:
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f9-';

Porém colocar oque no lugar?
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 12.07.17 19:09

Para redirecionar ao tópico, troque o código por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Criar uma nova denúncia</title>

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

    html,
    body {
      height: 100%;
    }

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

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

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

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

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

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Criar uma nova denúncia</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Seus dados:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Seu nome no servidor:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Sua organização:</label>
  <select data-type="select" id="campo4" required="required">

<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados do Denunciado:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Nome do denunciado:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Organização do denunciado:</label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>


</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Dados da denúncia:</h4>


</div>
<div class="fa-form-group clearfix">
  <label for="campo9">Motivo da denúncia:</label>
  <input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Descreva o ato:</label>
  <textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>


</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">


</div>
<div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>


</div>

<div class="fa-form-group clearfix">
  <label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
  <select data-type="select" id="campo14" required="">
<!-- First -->
<option value="9">Civis</option>
<option value="7">Funcionários Públicos</option>
<option value="8">Criminosos</option>
<option value="12">Mafiosos</option>
<option value="16">Assassinos</option>
<option value="13">Terroristas</option>
<option value="23">Líderes</option>
<option value="19">Helper</option>
<option value="15">Staff</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



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

  <textarea style="display: none;" id="fa-generated-message">[b]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}

[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}

[b]Provas:[/b] {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />

  <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: $('#campo14').val(),
                  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 = '/f' + $('#campo14').val() + '-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Para adicionar mais, procure no código acima por:
Código:
<option value="9">Civis</option>
Você pode adicionar mais abaixo dessa linha. Note que o valor do subfórum fica no atributo "value". Piscada

PS: Você pode repetir a value. Mas lembre-se de só colocar números inteiros naturais nela!!

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por LucasOliveiraXD 12.07.17 19:21

Ok, muito obrigado Luiz!

Pode fechar o tópico, PERFEITO!
LucasOliveiraXD

LucasOliveiraXD
Novo Membro

Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar subfórum no Formulário

Mensagem por Luiz 12.07.17 19:28

Às ordens. o/

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

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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