Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
226 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 219 Visitantes :: 2 Motores de busca

Br_SP_Rodrigo, KINGDOM, Kyo Panda, Luiz~, RafaelS., SilentX, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Integrar sistema de formulários

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

Resolvido Integrar sistema de formulários

Mensagem por Luiz~ em Sab 19 Nov 2016 - 21:25

Detalhes da questão


Endereço do fórum: drmpolicia.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá, gostaria de saber como posso criar um formulário com esse tipo de propriedade:
https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

Obrigado desde já.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/
  • 0

Resolvido Re: Integrar sistema de formulários

Mensagem por Kyo Panda em Sab 19 Nov 2016 - 21:57

Olá,

O senhor já possui um formulário criado onde gostaria de aplicar esse código ou irá criar um do zero?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3364
Pontos Ativos : 4664

http://ajuda.forumeiros.com

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Dom 20 Nov 2016 - 2:08

Posso criar um do zero. O problema é que tenho que criar vários formulários, e gostaria de saber um meio de criar vários, e depois só colocar ou editar algo semelhante simples no fórum.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Seg 21 Nov 2016 - 8:58

Up


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Cepheus em Seg 21 Nov 2016 - 11:25

Anteriormente era necessário desenvolver cada formulário manualmente, porém com esse gerador é possível produzir um trabalho de qualidade sem ter que escrever uma linha de código.

No formulário Forumeiros você tem a opção de criar listas, listas de escolhas entre outras opções, com a mesma funcionalidade.
Seta  Gerador de Formulário

Também deixo abaixo 3 tutoriais para estudos.
Seta [TUTORIAL] Criar um formulário de postagens
Seta [TUTORIAL] Criar formulários de postagem
Seta [TUTORIAL] Formulário de Postagens
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 1069

http://www.bestskins.net/

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Seg 21 Nov 2016 - 12:02

Eu já li estes textos, mas como integro aquele sistema indicado pelo link na primeira mensagem deste mesmo tópic?


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Shek Crowley em Seg 21 Nov 2016 - 12:12

Nós podemos explicar se tiver o formulário, mas, em outras palavras, a explicação de como fazê-lo já está aqui: https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

Já existe até as funções, mas, só precisas postar o formulário aqui. Muito feliz


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16070
Pontos Ativos : 20655

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Seg 21 Nov 2016 - 15:24

@Kyo Panda escreveu:Olá,

O senhor já possui um formulário criado onde gostaria de aplicar esse código ou irá criar um do zero?

Mas eu gostaria de criar um do zero. ;-;
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Sennior em Seg 21 Nov 2016 - 18:42

Saudações!

E o que impede o senhor de criar do zero então?
O que podemos fazer é lhe ajudar a criar, dando as ferramentas certas para isso, como já foi mandado nas mensagens acima.

No mais, existem diversos tutoriais no próprio Google sobre a formulação de formulários em HTML.
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Seg 21 Nov 2016 - 18:58

Aqui está o código do formulário no qual desejo aplicar o efeito indicado na primeira mensagem deste tópico:

Código:
            <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></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 onsubmit="submit_form();" action="/post" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="1">

<dl><dt>Nick dos alunos</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field0"></dd>
                        </dl>

<dl><dt>Nick do instrutor</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field2"></dd>
                        </dl>

<dl title="Este tipo de campo permite criar uma lista, muito bom para lista de imagens, por exemplo.">
                            <dt>Qualidade da aula</dt>
                            <dd><div class="fields-list" data-min="1" data-max="10" data-separador=", " id="field3"><input type="fields_list"></div></dd>
                        </dl>

<dl>
                            <dt>Observações</dt>
                            <dd><textarea data-type="field" id="field4"></textarea></dd>
                        </dl>

<dl><dt>Atenciosamente</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field5"></dd>
                        </dl>


         <textarea id="message-template-bbcode-1" style="display:none">[b]Nick dos alunos:[/b]
{field0}.

[b]Nick do Instrutor:[/b]
{field2}.

[b]Qualidade da aula:[/b]
{field3}.

[b]Observações:[/b]
{field4}.


[b]Atenciosamente, [i]{field5}[/i][/b]

</textarea>
            <input type="hidden" name="attach_sig" value="">
            <input type="hidden" name="mode" value="reply">
            <input type="hidden" name="t" value="2">
            <input type="hidden" name="lt" value="146">
            <input type="hidden" name="notify" value="1">
            <input type="submit" name="post" class="button2" value="Enviar">
         
                <textarea name="message" style="display:none"></textarea>
           

</form>
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Qua 23 Nov 2016 - 12:16

Up De bem com a vida
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Qui 24 Nov 2016 - 14:33

Up


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/
  • 0

Resolvido Re: Integrar sistema de formulários

Mensagem por Kyo Panda em Dom 27 Nov 2016 - 1:37

Em quais campos deseja aplicar o script?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3364
Pontos Ativos : 4664

http://ajuda.forumeiros.com

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Seg 28 Nov 2016 - 15:09

Nick dos alunos e
Nick do instrutor


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/
  • 0

Resolvido Re: Integrar sistema de formulários

Mensagem por Kyo Panda em Seg 28 Nov 2016 - 23:38

Aqui está:

Código:
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/bootstrap-tagsinput/bootstrap-tagsinput/master/dist/bootstrap-tagsinput.min.js"></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>
    @import url(https://cdn.rawgit.com/bootstrap-tagsinput/bootstrap-tagsinput/master/dist/bootstrap-tagsinput.css);

    #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;
    }

    span.tag.label.label-info {
        background-color: #2e80c8;
        padding: 2px 5px;
        border-radius: 3px;
    }
</style>

<form onsubmit="submit_form();" action="/post" id="generated_form" method="post" enctype="multipart/form-data">

    <input type="hidden" name="form_mode" value="1">

    <dl>
        <dt>Nick dos alunos</dt>
        <dd><input type="text" data-type="field" data-role="tagsinput" value="Valor padrão" id="field0"></dd>
    </dl>

    <dl>
        <dt>Nick do instrutor</dt>
        <dd><input type="text" data-type="field" data-role="tagsinput" value="Valor padrão" id="field2"></dd>
    </dl>

    <dl title="Este tipo de campo permite criar uma lista, muito bom para lista de imagens, por exemplo.">
        <dt>Qualidade da aula</dt>
        <dd>
            <div class="fields-list" data-min="1" data-max="10" data-separador=", " id="field3"><input type="fields_list"></div>
        </dd>
    </dl>

    <dl>
        <dt>Observações</dt>
        <dd><textarea data-type="field" id="field4"></textarea></dd>
    </dl>

    <dl>
        <dt>Atenciosamente</dt>
        <dd><input type="text" data-type="field" value="Valor padrão" id="field5"></dd>
    </dl>

    <textarea id="message-template-bbcode-1" style="display:none">[b]Nick dos alunos:[/b]
{field0}.
 
[b]Nick do Instrutor:[/b]
{field2}.
 
[b]Qualidade da aula:[/b]
{field3}.
 
[b]Observações:[/b]
{field4}.
 
 
[b]Atenciosamente, [i]{field5}[/i][/b]
    </textarea>

    <input type="hidden" name="attach_sig" value="">
    <input type="hidden" name="mode" value="reply">
    <input type="hidden" name="t" value="2">
    <input type="hidden" name="lt" value="146">
    <input type="hidden" name="notify" value="1">
    <input type="submit" name="post" class="button2" value="Enviar">
    <textarea name="message" style="display:none"></textarea>
</form>

Acredito que precisará ajustar a aparência dos campos de texto com as tags, mas sei que o senhor manja dos CSSs. ◕‿↼
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3364
Pontos Ativos : 4664

http://ajuda.forumeiros.com

Resolvido Re: Integrar sistema de formulários

Mensagem por Luiz~ em Ter 29 Nov 2016 - 12:54

Muito obrigado, Kyo.
Resolvido. Muito feliz

#Edit: Não tá dando pra marcar resolvido. Louco
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2471
Pontos Ativos : 3321

http://1forum1.forumeiros.com/
  • 0

Resolvido Re: Integrar sistema de formulários

Mensagem por Shek Crowley em Ter 29 Nov 2016 - 14:35

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16070
Pontos Ativos : 20655

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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