Formulário de preenchimento dos membros.

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

Resolvido Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 1: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 Qui 11 Set 2014 - 1:22, editado 1 vez(es)
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por viniliff em Dom 31 Ago 2014 - 13:47

Saudações!

Veja se o seguinte tópico pode ajudar-lhe:
http://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.

avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 16:34

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por iPrompt em Dom 31 Ago 2014 - 17: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 17:50

avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por iPrompt em Dom 31 Ago 2014 - 17: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 18: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 '-'
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por iPrompt em Dom 31 Ago 2014 - 18: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 18: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:
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por iPrompt em Dom 31 Ago 2014 - 18: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 18: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 '-'
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por viniliff em Dom 31 Ago 2014 - 19:25

Saudações!

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

Atenciosamente.
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Dom 31 Ago 2014 - 21: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.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por waghcwb em Sab 6 Set 2014 - 20: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>
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Seg 8 Set 2014 - 12: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?
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por waghcwb em Ter 9 Set 2014 - 15: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.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Formulário de preenchimento dos membros.

Mensagem por Shaman em Ter 9 Set 2014 - 17: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?
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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

- Tópicos similares

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