Formulário de preenchimento dos membros.

[Shaman]

Olá, boa noite, já vi todos os tutorias em vídeo e escrito de como criar o formulário de preenchimento, só que não ta funcionando comigo,não está dando certo.

quero por assim o formulário, dentro de um fórum (o formulário então como sub fórum) ai quando o membro clicar em "Novo tópico" aparecer para ele um formulário de preenchimento.

já tentei com os tutoriais mas não está dando mesmo.

alguém sabe um tutorial melhor?

desde já obg.

OBS: + - um formulário igual este aqui da forumeiros para fazer pedidos de designer e etc...

[viniliff]

Saudações!

Veja se o seguinte tópico pode ajudar-lhe:
https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

Em todo o caso, relate o problema mais detalhadamente, a fim de obter um suporte mais personalizado.

Atenciosamente.

[Shaman]

Criar eu sei pow, o problema é na hora de instalar, não da certo de jeito nenhum.

[Roevs]

Olá,

Me passa o Link da Página HTML do Formulário
E o Link da área aonde deseja que o formulário tenha efeito

Até

[Shaman]

Link página HTML: http://forumtutoriaisft.forumeiros.com/h2-apresentacao (ID 2)
Link do fórum a ser criado um novo tópico: http://forumtutoriaisft.forumeiros.com/f14-apresente-se-aqui-obrigatorio (ID 14)

[Roevs]

Olá,

Crie um Novo JS com este código e com Investimento "Em todas as páginas"

Código:

jQuery(document).ready(function() {
jQuery('a[href^="/post?f=14&mode=newtopic"]').attr('href', '/h2-');
});

Até

[Shaman]

Não adiantou, eu clico em "Novo Tópico" e aparece a tela de resposta normal, e ainda eu ativando os JavaScripts o scrolling dos tópicos recentes para de funcionar '-'

[Roevs]

Olá,

Utilizo esse código em meu fórum e funciona perfeitamente tente retirar os outros JS um por um até que funcione pode estar em conflito

Até

[Shaman]

Retirei uns JS la e funcionou mas tipo, ele fica com um vizual muito ruin, tem como melhorar será? igual aqui não sei (os formulários daqui para fazer pedidos e outras coisas)

e ainda acontece isto:

[Roevs]

Olá,

Poderia me passar o código do Formulário ?

E se quiser que eu crie um me mande as informações que deseja que esteja no formulário

Até

[Shaman]

Código:

<script src="http://jscolor.com/jscolor/jscolor.js" type="text/javascript"></script>            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajuda.forumeiros.com/29110.js"></script>                <script src="http://ajuda.forumeiros.com/28074.js"></script>                <style>
            #generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}
 
#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}
 
#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}
 
#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}
 
#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}
 
#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>       
<form enctype="multipart/form-data" method="post" id="generated_form" action="/posting.forum" onsubmit="submit_form();">
     <input value="0" name="form_mode" type="hidden" /> 
   <h3 data-type="field">
      APRESENTAÇÃO
   </h3>
    <dl><dt>Nome:</dt>                            <dd><input id="field1" value="Valor padrão" data-type="field" type="text" /></dd>                        </dl> <dl><dt>Data de nascimento:</dt>                            <dd><input id="field2" data-type="field" type="date" /></dd>                        </dl> <dl><dt>Idade:</dt>                            <dd><input id="field3" step="1" value="" data-type="field" max="10" min="0" type="number" /></dd>                        </dl> <dl>                            <dt>Interesses no fórum FT:</dt>                            <dd><textarea id="field4" data-type="field"></textarea></dd>                        </dl> <dl>                            <dt>Mensagem de iniciante:</dt>                            <dd><textarea id="field6" data-type="field"></textarea></dd>                        </dl>                <input value="14" name="f" type="hidden" />                <input template="[APRESENTAÇÃO]" value="O script não enviou o título" name="subject" type="hidden" />                <input template="" value="O script não enviou a descrição" name="description" type="hidden" />                <textarea style="display:none" name="message"></textarea>                                <textarea style="display:none" id="message-template-bbcode-0"></textarea>                <input value="newtopic" name="mode" type="hidden" />                <input value="0" name="lt" type="hidden" />                <input value="Enviar" class="button2" name="post" type="submit" />           
</form>

se quizer criar para mim, agradeço. mas preciso saber como criar mesmo pq ainda preciso fazer outros '-'

[viniliff]

Saudações!

O ID corresponde ao fórum e não a página. Neste caso, tente trocar o ID por 14.

Atenciosamente.

[Shaman]

Saudações!

O ID corresponde ao fórum e não a página. Neste caso, tente trocar o ID por 14.

Atenciosamente.

Eu coloquei certo la, a pagina pegou só que ficou daquele jeito.

[waghcwb]

Segue minha proposta...

Código:

<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style type="text/css">
*{outline: none!important;}
</style>
<section class="container">
   <section class="row">
   <form role="form" id="form-posting" style="padding:2em;">
      <fieldset>
          <legend style="padding:.5em">Formulário de apresentações</legend>

          <div class="form-group">
             <label for="name">Nome</label>
             <input  class="form-control" id="name" type="text" placeholder="Digite seu nome">
         </div>

          <div class="form-group">
             <label for="date">Data de nascimento</label>
             <input  class="form-control" id="date" type="date">
         </div>

          <div class="form-group">
             <label for="age">Idade</label>
             <input  class="form-control" id="age" type="number">
         </div>

          <div class="form-group">
             <label for="interests">Interesses no fórum</label>
             <textarea  style="resize:vertical;min-height:200px;" class="form-control" id="interests" placeholder="Quais seus interesses com nosso fórum?"></textarea>
         </div>

          <div class="form-group">
             <label for="phrase">Frase de iniciante</label>
             <textarea  style="resize:vertical;min-height:200px;" class="form-control" id="phrase" placeholder="Digite sua frase de iniciante"></textarea>
         </div>

         <button type="submit" class="btn btn-primary btn-sm pull-right">Enviar formulário</button>
         <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo">

      </fieldset>
   </form>
   </section>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script>
   $(function(){

      $("#form-posting").submit(function(event){
         event.preventDefault();
         
         var formData = {
            name:      $("#name").val(),
            date:      $("#date").val(),
            age:       $("#age").val(),
            interests: $("#interests").val(),
            phrase:    $("#phrase").val()
         };

         var data =
            '[size=13][font=Courier New][b]Nome:[/b] ' + formData.name + '\n' +
            '[b]Data de nascimento:[/b] ' + formData.date + '\n' +
            '[b]Idade:[/b] ' + formData.age + '\n' +
            '[b]Interesses no fórum:[/b] ' + formData.interests + '\n' +
            '[b]Frase de iniciante:[/b] ' + formData.phrase + '\n' +
            '[/font][/size]';

         $.post("/post", {
             f: 1,
             mode: 'newtopic',
              subject: '[Apresentação] ' + formData.name,
              message: data,
              post: 1
          }).done(function() {
              $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.</p>');
              window.setTimeout(function(){
                 window.location.href = '/f1-'
              }, 5000);
          }).fail(function() {
              $("#form-posting").submit();
          });

      });
   });
   </script>
</section>

[Shaman]

Segue minha proposta...

Código:

<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style type="text/css">
*{outline: none!important;}
</style>
<section class="container">
   <section class="row">
   <form role="form" id="form-posting" style="padding:2em;">
      <fieldset>
          <legend style="padding:.5em">Formulário de apresentações</legend>

          <div class="form-group">
             <label for="name">Nome</label>
             <input  class="form-control" id="name" type="text" placeholder="Digite seu nome">
         </div>

          <div class="form-group">
             <label for="date">Data de nascimento</label>
             <input  class="form-control" id="date" type="date">
         </div>

          <div class="form-group">
             <label for="age">Idade</label>
             <input  class="form-control" id="age" type="number">
         </div>

          <div class="form-group">
             <label for="interests">Interesses no fórum</label>
             <textarea  style="resize:vertical;min-height:200px;" class="form-control" id="interests" placeholder="Quais seus interesses com nosso fórum?"></textarea>
         </div>

          <div class="form-group">
             <label for="phrase">Frase de iniciante</label>
             <textarea  style="resize:vertical;min-height:200px;" class="form-control" id="phrase" placeholder="Digite sua frase de iniciante"></textarea>
         </div>

         <button type="submit" class="btn btn-primary btn-sm pull-right">Enviar formulário</button>
         <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo">

      </fieldset>
   </form>
   </section>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script>
   $(function(){

      $("#form-posting").submit(function(event){
         event.preventDefault();
         
         var formData = {
            name:       $("#name").val(),
            date:       $("#date").val(),
            age:         $("#age").val(),
            interests: $("#interests").val(),
            phrase:    $("#phrase").val()
         };

         var data =
            '[size=13][font=Courier New][b]Nome:[/b] ' + formData.name + '\n' +
            '[b]Data de nascimento:[/b] ' + formData.date + '\n' +
            '[b]Idade:[/b] ' + formData.age + '\n' +
            '[b]Interesses no fórum:[/b] ' + formData.interests + '\n' +
            '[b]Frase de iniciante:[/b] ' + formData.phrase + '\n' +
            '[/font][/size]';

         $.post("/post", {
             f: 1,
             mode: 'newtopic',
              subject: '[Apresentação] ' + formData.name,
              message: data,
              post: 1
          }).done(function() {
              $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.</p>');
              window.setTimeout(function(){
                 window.location.href = '/f1-'
              }, 5000);
          }).fail(function() {
              $("#form-posting").submit();
          });

      });
   });
   </script>
</section>

Olha o formulário ficou ótimo, só tem um problema, eu clico em pré visualizar e o formulário aparece normal e da para enviar e tal, só que quando eu clico em novo tópico aparece a caixa de resposta normal em vez do formulário, o que fazer?

[waghcwb]

Adicione o seguinte Javascript

Código:

function setForm(forum, form) {
    var links = $('a[href*="/post?f=' + forum + '"]');
    if (!links.length) return;
       links.each(function() {
           $(this).attr('href', '/h' + form + '-');
       });

};
$(function() {
    setForm(1, 1);
});

Está vendo esta parte onde deixei 1,1

Código:

setForm(1, 1);

Troque o primeiro número pelo fórum correspondente, onde esse formulário vai aparecer... E troque o segundo número pelo número da página HTML que o senhor criou.

[Shaman]

Olha, agora deu certo, eu clico em novo tópico e aparece o formulário, mas quando eu envio vai pro fórum errado, por que?