Área de escolha em Formulário

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

Atendido / Resolvido Área de escolha em Formulário

Mensagem por Luqui em 19/07/18, 01:17 am

Detalhes da questão


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

Descrição


Olá, Estava tentando criar uma área de escolha para meu formulário mas então vi que a página onde eu gerei o formulário está com algum erro que está impossibilitando o uso da mesma, então resolvi vir aqui pedir a ajuda de alguém que saiba criar um código onde o usuário poderia selecionar entre dois itens, e deixar obrigatório.

Link do post onde a criação do formulário se encontra impossibilitada https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

Código que estou usando abaixo, caso algo for mudado me avise pois estou modificando manualmente cada formulário.

Código:
<!--                                   ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                   -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />    
<form id="fa-generated-form">
                                                                      
 <div class="fa-form-wrapper">
                                                                        
 <h1>
                                 RECORRER DENÚNCIA                                      
 </h1>
                                                                                        
 <!--                                        BEGIN Generated HTML Code                                        -->                                            
 <div class="fa-form-group clearfix">
                                                                                          
 <p class="form-paragraph data-text">
                                                 Preencha os campos para prosseguir.                                          
 </p>
                                                                                    
 </div>
                                       <input type="hidden" value="" id="campo5" />                                        
 <div class="fa-form-group clearfix">
                                               <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                      
 </div>
                                                                                
 <div class="fa-form-group clearfix">
                                               <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                      
 </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]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo5}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <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: 36,
                  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 = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
avatar

Luqui
Nível 9

Masculino
Inscrito dia : 13/03/2018
Mensagens : 179
Pontos Ativos : 256

Ver perfil do usuário http://lostscavenge.forumeiros.com/

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Pedxz em 19/07/18, 04:39 am

Olá @Luqui,
mude o seu formulário para:
Código:
<!--                                  ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                  -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />   
<form id="fa-generated-form">
                                                                     
 <div class="fa-form-wrapper">
                                                                       
 <h1>
                                RECORRER DENÚNCIA                                     
 </h1>
                                                                                       
 <!--                                        BEGIN Generated HTML Code                                        -->                                           
 <div class="fa-form-group clearfix">
                                                                                         
 <p class="form-paragraph data-text">
                                                Preencha os campos para prosseguir.                                         
 </p>
                                                                                   
 </div>
                                      <input type="hidden" value="" id="campo5" />                                       
 <div class="fa-form-group clearfix">
                                              <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                     
 </div>
                                                                               
 <div class="fa-form-group clearfix">
                                              <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                     
 </div>
                                 
                            <div class="fa-form-group clearfix">
  <label for="campo3">Seleção</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="opção 1">Opção 1</option>
<option value="opção 2">opção 2</option>
<option value="opção 3">opção 3</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]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo3}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <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: 36,
                  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 = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>

Cordialmente,
pedxz


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Luqui em 19/07/18, 11:29 am

Bom, algo saiu errado como pode ver na print http://prntscr.com/k8gr37 e a opção selecionada não aparece no Tópico mas pode deixar sem, enquanto isso eu tive uma ideia teria como por a opção selecionada entre os parenteses? e o nick do membro como estava antes fora, o código está a baixo.

Código:
<!--                                    ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                    -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />  
<form id="fa-generated-form">
                                                                        
 <div class="fa-form-wrapper">
                                                                          
 <h1>
                                 RECORRER DENÚNCIA OU BANIMENTO                                        
 </h1>
                                                                                          
 <!--                                          BEGIN Generated HTML Code                                          -->                                            
 <div class="fa-form-group clearfix">
                                                                                            
 <p class="form-paragraph data-text">
                                                 Preencha os campos para prosseguir.                                            
 </p>
                                                                                      
 </div>
                                       <input type="hidden" value="" id="campo5" />                                        
 <div class="fa-form-group clearfix">
                                               <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                      
 </div>
                                                                                  
 <div class="fa-form-group clearfix">
                                               <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                      
 </div>
                                                                
 <div class="fa-form-group clearfix">
   <label for="campo3">Seleção</label>  <select data-type="select" id="campo3" required="">

 
 <!--   First   -->
<option value="opção 1">Recorrer Denúncia</option>
<option value="opção 2">Recorrer Banimento</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]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo3}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <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: 36,
                  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 = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
avatar

Luqui
Nível 9

Masculino
Inscrito dia : 13/03/2018
Mensagens : 179
Pontos Ativos : 256

Ver perfil do usuário http://lostscavenge.forumeiros.com/

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Pedxz em 19/07/18, 12:59 pm

Assim:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<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>RECORRER DENÚNCIA OU BANIMENTO</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>RECORRER DENÚNCIA OU BANIMENTO</h1>
      <!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
         
 <p class="form-paragraph data-text">
              Preencha os campos para prosseguir.
</p>
</div>
      <div class="fa-form-group clearfix">
  <input type="hidden" id="campo2">
</div>
<div class="fa-form-group clearfix">
            <label for="campo1">Motivo(s):</label> 
<input required="" placeholder="" id="campo1" data-type="text" type="text" />                                     
 </div>
<div class="fa-form-group clearfix">
  <label for="campo3">Quantia que será doada</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="recorrer a denúncia">Denúncia</option>
<option value="recorrer ao banimento">Banimento</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">Meu Nick: {{campo2}}
Eu quero {{campo3}} pelo motivo {{campo1}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo2}}" />
 
  <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';

    var user = _userdata["username"];
    $('#campo2').val(user);

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Luqui em 19/07/18, 01:34 pm

Não, Colocar a opção que o usuário colocou como titulo do tópico se for banimento [Recorrer Banimento] se for Denúncia selecionado [Recorrer Denúncia] e tirar ''o meu nick''
avatar

Luqui
Nível 9

Masculino
Inscrito dia : 13/03/2018
Mensagens : 179
Pontos Ativos : 256

Ver perfil do usuário http://lostscavenge.forumeiros.com/

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Pedxz em 19/07/18, 01:42 pm

Então:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<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>RECORRER DENÚNCIA OU BANIMENTO</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>RECORRER DENÚNCIA OU BANIMENTO</h1>
      <!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
       
 <p class="form-paragraph data-text">
              Preencha os campos para prosseguir.
</p>
</div>
      <div class="fa-form-group clearfix">
  <input type="hidden" id="campo2">
</div>
<div class="fa-form-group clearfix">
            <label for="campo1">Motivo(s):</label>
<input required="" placeholder="" id="campo1" data-type="text" type="text" />                                   
 </div>
<div class="fa-form-group clearfix">
  <label for="campo3">Quantia que será doada</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="Recorrer a Denúncia">Denúncia</option>
<option value="Recorrer ao Banimento">Banimento</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">Eu quero {{campo3}} pelo motivo {{campo1}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo3}}] {{campo2}}" />
 
  <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';
 
    var user = _userdata["username"];
    $('#campo2').val(user);
 
    $(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: 36,
      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 = '/f36-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>

Cordialmente,
pedxz


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Luqui em 19/07/18, 01:53 pm

Obrigado pela enorme ajuda
avatar

Luqui
Nível 9

Masculino
Inscrito dia : 13/03/2018
Mensagens : 179
Pontos Ativos : 256

Ver perfil do usuário http://lostscavenge.forumeiros.com/

Atendido / Resolvido Re: Área de escolha em Formulário

Mensagem por Pedxz em 19/07/18, 01:54 pm

@Luqui, desculpe qualquer problema Rosa

Tópico resolvido


Movido para "Questões resolvidas".


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum