Formulário de preenchimento dos membros.

4 participantes

Ir para baixo

Tópico resolvido Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 5:45

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...


Última edição por LucaS Carvalho em 11.09.14 5:22, editado 1 vez(es)
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por viniliff 31.08.14 17:47

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.

viniliff
viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 20:34

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

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Roevs 31.08.14 21:15

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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 21:50

Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Roevs 31.08.14 21:56

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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 22:01

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 '-'
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Roevs 31.08.14 22:34

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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 22:37

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: Formulário de preenchimento dos membros. VKAFMBy
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Roevs 31.08.14 22:42

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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 31.08.14 22:44

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 '-'
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por viniliff 31.08.14 23:25

Saudações!

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

Atenciosamente.
viniliff
viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 01.09.14 1:06

viniliff escreveu: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.
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por waghcwb 07.09.14 0:04

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>
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 08.09.14 16:54

waghcwb escreveu: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?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por waghcwb 09.09.14 19:27

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.
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman 09.09.14 21:56

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?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

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