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

Esqueci minha senha

Últimos assuntos
» Imagem AVATAR
Hoje à(s) 03:19 pm por cheephard

» Logo Forum
Hoje à(s) 03:16 pm por cheephard

» Botões de mensagens estilo natalício
Hoje à(s) 03:11 pm por Holkis

» Temas Temporários
Hoje à(s) 02:54 pm por banzé

» Bloquear ícones nas mensagens privadas
Hoje à(s) 02:26 pm por Ketholy

» Caixa de busca desalinhado
Hoje à(s) 02:08 pm por Eduardo Lima

» Criar um dropdown do usuário ao clicar em perfil
Hoje à(s) 01:54 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
239 usuários online :: 16 usuários cadastrados, 1 Invisível e 222 Visitantes :: 2 Motores de busca

banzé, beoowulf, cheephard, Gaaratsu, Holkis, James Watts, Jeckwilke, Ketholy, Lost154, LucasPofahl, Luiz, MatiasReis123, paulim78, ranzatti, Shek, uilya

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Formulário de Resposta

Página 1 de 2 1, 2  Seguinte

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

Em curso Formulário de Resposta

Mensagem por iScroll em 11/11/17, 07:58 pm

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB

Descrição


Bom, é possível criar um formulário de resposta rápida? Cujo qual o mesmo ficará no lugar do SCEditor?

Gostaria do formulário assim:
Aparecesse somente uma aba desta maneira: http://prntscr.com/h98wzv
As opções seriam:
ATA:
ATA DISCIPLINAR
ATA DE CONFERÊNCIAS

ai ao escolher por exemplo:
Ata disciplinar, iria abrir um formulário contendo:

Nome do administrador:

O que foi falado:

data de quando foi falado:

quem falou:

---
ao escolher alguma conferência iria aparecer:

tipo de conferência: Gerais ou Administrativas.

data da conferência:

assunto da conferência:

o que foi falado na conferência:

Terei de criar um formulário para isso ou como devo proceder?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Gaaratsu em 11/11/17, 08:59 pm

Olá amigo!

Acredito que sim com a linguagem JavaScript, ao qual não sou muito bom. Mas deixo-lhe aqui um link para criar o seu formulário de postagens:
http://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

A nova versão do gerador 2.0 é neste link:
http://ajuda.forumeiros.com/h13-form20

Agora, quanto ao formulário ficar na caixa de resposta rápida, recomendo que aguarde um dos Ajudeiros como o Luiz ou até mesmo o Moderadeiro Kyo Panda que são mais fluentes nessa linguagem.

Att! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

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

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 11/11/17, 09:51 pm

Esses formulários não fazem o que eu pedi.. :/
Há alguma forma de proceder ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 11/11/17, 09:53 pm

Basta você criar um formulário de postagens e ao clicar na area de texto, o usuário é redirecionado para lá.
Poupará o trabalho de criar um código que pode ser evitado, com uma alternativa similar.

Podemos prosseguir desta maneira?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 11/11/17, 09:56 pm

Pode sim, no caso, abriria um 2º formulário, certo?
Mas quero isso na caixa de respostas.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 12/11/17, 01:25 pm

Aqui está:
Código:
(function ($) {
  'use strict';

  var config = [
    { topic: '110735', form: '/h13-' },
    { topic: '110734', form: '/h10-' },
  ];

  $(function () {
    $.each(config, function () {
      var self = this;

      if (location.href.indexOf('/t' + self.topic) === -1) {
        return;
      }

      $('#quick_reply').on('click', function () {
        location.href = self.form;
      });
    });
  });
}(jQuery));

Saliento que funciona por base de tópicos, e não de subfóruns.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 12/11/17, 07:01 pm

Não teve resultado '-'
Criei o formulário, coloquei assim:
Código:
(function ($) {
  'use strict';
 
  var config = [
    { topic: '2402', form: '/h9-ata-reuniao' },
    { topic: '110734', form: '/h10-' },
  ];
 
  $(function () {
    $.each(config, function () {
      var self = this;
 
      if (location.href.indexOf('/t' + self.topic) === -1) {
        return;
      }
 
      $('#quick_reply').on('click', function () {
        location.href = self.form;
      });
    });
  });
}(jQuery));

E não resultou em nada.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 01:12 pm

Olá novamente,

Infelizmente nós não temos como ajudá-lo com o seu fórum em manutenção.
Peço, portanto, que desative o script de redirecionamento.

Ficarei no aguardo.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 08:56 pm

Feito.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 09:16 pm

O seu fórum está extremamente travado (provavelmente às custas do script de bolinha de neve) e ao excesso de outros JavaScripts.
Conta com alguns erros também (veja).

Para corroborar o fato de que são os scripts que causam a lentidão, ao desativar o funcionamento dos JavaScripts em meu navegador, toda a lentidão foi normalizada.

---

De todo modo, talvez trocando por este resolva:
Código:
(function ($) {
  'use strict';
 
  var config = [
    { topic: '2403', form: '/h13-' },
    { topic: '110735', form: '/h10-' },
  ];
 

  $(function () {
    $.each(config, function () {
      var self = this;
 
      if (location.href.indexOf('/t' + self.topic) === -1) {
        return;
      }

      $('#quick_reply')
        .css('position', 'relative')
      ;

      $('<div>', { 'class': 'fa-sceditor-cover' })
        .css('position', 'absolute')
        .css('top', '0')
        .css('bottom', '0')
        .css('left', '0')
        .css('right', '0')
        .css('background-color', 'rgba(255, 0, 0, 0)')
        .css('z-index', '100000')
          .on('click', function () {
            location.href = self.form;
          })
            .appendTo('#quick_reply')
      ;
    });
  });
}(jQuery));

Mas de qualquer jeito, recomendo dar uma revisada nos JavaScript's.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 09:54 pm

Obrigado por informar, desativei o script de bolinhas de neve para ver se algo resultava, para mim felizmente não estava lentidão nenhum.

--
Todo modo, o código passado pelo senhor não teve efeito, ao clicar no SCeditor ele simplesmemente volta para página de inicio do fórum (/forum).
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 09:56 pm

Erro meu, tente este:
Código:
(function ($) {
  'use strict';
 
  var config = [
    { topic: '2403', form: '/h13-' },
    { topic: '110735', form: '/h10-' },
  ];
 
 
  $(function () {
    $.each(config, function () {
      var self = this;
 
      if (location.href.indexOf('/t' + self.topic) === -1) {
        return;
      }
 
      $('#quick_reply')
        .css('position', 'relative')
      ;
 
      $('<div>', { 'class': 'fa-sceditor-cover' })
        .css('position', 'absolute')
        .css('top', '0')
        .css('bottom', '0')
        .css('left', '0')
        .css('right', '0')
        .css('background-color', 'rgba(255, 0, 0, 0)')
        .css('z-index', '100000')
          .on('click', function () {
            location.pathname = self.form;
          })
            .appendTo('#quick_reply')
      ;
    });
  });
}(jQuery));

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:02 pm

Também sem resultado, peço que veja pois fica melhor do que eu explicar.
No mais, a lentidão melhorou ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 10:05 pm

A lentidão continua, exceto quando desativo os JavaScripts.

---

Quando ao código, tente trocar por este:
Código:
(function ($) {
  'use strict';
 
  var config = [
    { topic: '2403', form: '/h13-' },
    { topic: '110735', form: '/h10-' },
  ];
 
 
  $(function () {
    $.each(config, function () {
      var self = this;
 
      if (location.href.indexOf('/t' + self.topic) === -1) {
        return;
      }
 
      $('#quick_reply')
        .css('position', 'relative')
      ;
 
      $('<a>', { 'class': 'fa-sceditor-cover', 'href': self.form })
        .css('position', 'absolute')
        .css('top', '0')
        .css('bottom', '0')
        .css('left', '0')
        .css('right', '0')
        .css('background-color', 'rgba(255, 0, 0, 0)')
        .css('z-index', '100000')
          .appendTo('#quick_reply')
      ;
    });
  });
}(jQuery));

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:07 pm

Estranho, sobre a lentidão, tentou limpar os caches? Para mim e outros membros do fórum está parcialmente normal.
---
Sobre o código, não resultou.
Vamos rever o que o código teria que fazer:
Abrir um "formulário" no lugar da caixa de resposta rápida e aparecer as seguintes opções:
As opções seriam:
ATA:
ATA DISCIPLINAR
ATA DE CONFERÊNCIAS

Cada um para seu formulário designado, ao escolher um tipo teria de abrir um formulário como se fosse aparecer em hover. Certo?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 10:11 pm

Na verdade, como foi dito um pouco acima, o código só redireciona ao formulário ao clicar na caixa de texto.
Tente clicar na zona de texto deste tópico:
-> http://www.brasilplayultimate.com.br/t2403-

Resulta?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:11 pm

Não, como eu disse, move para /forum.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 10:16 pm

De acordo com o código, o tópico mencionado redireciona à página de ID 13.
Essa página não existe. :v

Acho que achamos o problema. o7


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:19 pm

É verdade ahsudhad
Mas, mesmo assim, não há como fazer um menu como pedi? E só redirecionar quando clicasse em tal?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 10:22 pm

E só redirecionar quando clicasse em tal?
Como disse acima, sim. :/

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:24 pm

Certo, na criação de formulário 2.0 eu coloquei para preencher no tópico, há um script que ao invés de clicar redirecionar para lá, fizesse o formulário aparecer no lugar da caixa de respostas?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 13/11/17, 10:27 pm

Não. Isso é meio complicado de ser feito, tendo em vista que daria uma boa dose de requisições AJAX.
E talvez até mesmo só poderia ser feito com o PHP (e infelizmente não temos acesso).

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 13/11/17, 10:32 pm

No caso eu tenho um tópico para que os moderadores escolham em colocar exemplo:
Comentários de membros ou comentários de administradores, eles teria que ter esta opção, não seria possível nem se fosse criado por um formulário direto?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 06:54 am

Eu ainda não entendi o que deseja fazer.
Você pode fazer tudo por um formulário, não?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 02:43 pm

Vamos lá, poderia sim ser por um formulário, mas o formulário teria de aparecer aqui: http://prntscr.com/haenk9
fazendo a substituição da caixa de resposta.
Entretanto, pode pegar exemplo deste: http://forum.brasilplaygames.com.br/h1-
voce escolhe o tipo de denúncia e aparece o formulário para qual, entendeu?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 04:48 pm

Como disse anteriormente, a melhor forma de fazê-lo é com o redirecionamento como já fizemos.
Espero que entenda. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 05:06 pm

Certo, há como fazer um formulário como o mencionado acima?
Aparecendo as opções do formulário somente após escolher?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 05:09 pm

Sim, o senhor pode pesquisar na internet e irá encontrar este efeito (ou parecidos):
-> https://stackoverflow.com/questions/11959889/show-hide-different-forms-based-on-a-option-selected

Basta dar uma estudadinha ou uma pesquisa.
Mas qualquer coisa, estamos aqui. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 05:42 pm

Certo, resultou.
Usaremos este de teste:
Código:
<div class="panel">
                   <div class="inner">
                          <span class="corners-top"><span></span></span>       
                  <div style="margin-top: 7px;" class="h3">
                             Tipo de ATA<del></del>       
                  </div>
<form id="form-shower">
  Escolha um tipo de ATA: <select id="myselect">
<option value="" selected="selected"></option>
<option value="form_name1">ATA de reunião</option>
<option value="form_name2">ATA disciplinar</option>
<option value="form_name3">ATA de conferência</option>
</select>
</form>
</div>
<form name="form_name1" id="form_name1" style="display:none">
TESTE 1
</form>

<form name="form_name2" id="form_name2" style="display:none">
TESTe 2
</form>

<form name="form_name3" id="form_name3" style="display:none">
TESTE
</form>
<script>
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().hide();
})
</script>
    <script type="text/javascript">
    $('select').change(function(e){
            $this = $(e.target);
            var selected_form = $this.text().replace(' ','_name');
            $('form').hide(2000, 'easeOutExpo');
            $(selected_form).show(2000, 'easeOutExpo');
        });
  </script>
Note que ao clicar some a barra para selecionar outro formulário caso erre no clique, veja: http://prntscr.com/hah8hs
Há como proceder?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 05:46 pm

Crie o formulário usando o gerador 2.0 para que eu possa aplicar o código nele.
Já crie todos os inputs necessários e me faça uma tabela de quais devem aparecer com cada opção.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 05:58 pm

Ja tinha criado assim mas não queria expor '-' e.e
Cá está:
OBS: Já está com o efeito passado pelo senhor.
Código:
<div class="panel">
                   <div class="inner">
                          <span class="corners-top"><span></span></span>       
                  <div style="margin-top: 7px;" class="h3">
                             Tipo de ATA<del></del>       
                  </div>
<form id="form-shower">
  Escolha um tipo de ATA: <select id="myselect">
<option value="" selected="selected"></option>
<option value="form_name1">ATA de reunião</option>
<option value="form_name2">ATA disciplinar</option>
<option value="form_name3">ATA de conferência</option>
</select>
</form>
</div>
<form name="form_name1" id="form_name1" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de Reuniões</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da reunião</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Assunto da reunião</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o assunto debatido na reunião" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi dito durante a reunião" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela reunião</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela reunião" required="">
</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"><font color="#ff0000">[b]Data da reunião:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Assunto da reunião:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela reunião:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name2" id="form_name2" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS Disciplinar</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da disciplina</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Administrador que foi disciplinado</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o nick do administrador que foi disciplinado" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi passado para o administrador" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela disciplina</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela disciplina que foi passado para o administrador" required="">
</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"><font color="#ff0000">[b]Data da disciplina:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Administrador Disciplinado:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela disciplina:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name3" id="form_name3" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de conferências</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da conferência</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Motivo da conferência</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o motivo da conferência" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi conferido</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi feito na conferência" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela conferência</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui o nome do responsável pela conferência" required="">
</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"><font color="#ff0000">[b]Data da conferência:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Motivo da conferência:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi conferido:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela conferência:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>
<script>
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().hide();
})
</script>
    <script type="text/javascript">
    $('select').change(function(e){
            $this = $(e.target);
            var selected_form = $this.text().replace(' ','_name');
            $('form').hide(2000, 'easeOutExpo');
            $(selected_form).show(2000, 'easeOutExpo');
        });
  </script>
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 06:17 pm

Esse código está cheio de erros HTML. Existem uns três formulários aí.
Peço que crie somente um formulário, mas completo.

Ainda usando o gerador 2.0.
E o efeito não é necessário. Só gere o código e o poste aqui. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 06:21 pm

O formulário seria no caso um só para os 3 que estão ai, correto?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 06:22 pm

Exato. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 06:40 pm

Devo preencher esta parte? http://prntscr.com/hai2bw
Se sim, normalmente ou com alguma diferença?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 06:40 pm

Preencha normalmente.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 06:45 pm

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz <http://ajuda.forumeiros.com/u60563>
 *
 * 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>Formulário - ATAS</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>Formulário - ATAS</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS</h4>

</div>
<div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Data da reunião</label>
  <input type="date" data-type="date" id="campo3" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Assunto</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o assunto da reunião" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi dito na reunião" required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Responsável</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui o nick do responsável pela reunião" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Data da disciplina</label>
  <input type="date" data-type="date" id="campo7" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo8">Administrador disciplinado</label>
  <input type="text" data-type="text" id="campo8" placeholder="Coloque aqui o nick do administrador cujo qual foi disciplinado" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo9">O que foi dito</label>
  <textarea data-type="textarea" id="campo9" placeholder="Coloque aqui o que foi dito na disciplina do administrador" required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Responsável</label>
  <input type="text" data-type="text" id="campo10" placeholder="Coloque aqui o nick do responsável pela disciplina feita ao administrador" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Data da conferência</label>
  <input type="date" data-type="date" id="campo11" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo12">Motivo da conferência</label>
  <input type="text" data-type="text" id="campo12" placeholder="Coloque aqui o motivo da conferência" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo13">O que foi conferido</label>
  <textarea data-type="textarea" id="campo13" placeholder="Coloque aqui o que foi feito durante a conferência" required="required"></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo14">Responsável</label>
  <input type="text" data-type="text" id="campo14" placeholder="Coloque aqui o nick do responsável pela conferência" required="">
</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"><font color="#ff0000">[b]Data da reunião:[/b]</font> {{campo3}}

<font color="#ff0000">[b]Assunto:[/b]</font> {{campo4}}

<font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}

<font color="#ff0000">[b]Responsável[/b]</font> {{campo6}}

<font color="#ff0000">[b]Data da disciplina:[/b]</font> {{campo7}}

<font color="#ff0000">[b]Administrador disciplinado:[/b]</font> {{campo8}}

<font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo9}}

<font color="#ff0000">[b]Responsável[/b]</font> {{campo10}}

<font color="#ff0000">[b]Data da conferência:[/b]</font> {{campo11}}

<font color="#ff0000">[b]Motivo da conferência:[/b]</font> {{campo12}}

<font color="#ff0000">[b]O que foi conferido:[/b]</font> {{campo13}}

<font color="#ff0000">[b]Responsável[/b]</font> {{campo14}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 06:46 pm

Agora preciso que me explique qual campo* irá controlar os outros.
E quais deverão aparecer ou esconder-se dependendo do valor do campo* mencionado anteriormente.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 06:57 pm

{{campo3}}
{{campo4}}
{{campo5}}
{{campo6}}

Irão aparecer no primeiro formulário e o resto ficará oculto.

{{campo7}}
{{campo8}}
{{campo9}}
{{campo10}}

Irão aparecer no segundo formulário, os anteriores e os próximos ficarão ocultos.

{{campo11}}
{{campo12}}
{{campo13}}
{{campo14}}

Irão aparecer no último formulário e os anteriores ficarão ocultos.
Compreendeu?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 07:04 pm

Por favor, explique melhor.
Qual campo irá controlar isso? Quais formulários são estes?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 07:07 pm

Pegue de exemplo este : http://www.brasilplayultimate.com.br/h9-formulario-de-atas acho que fica mais explicado...
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 07:08 pm

Se você já tem um, por que quer fazer outro? o-O


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 07:12 pm

Desculpa mas eu ja havia falo.
@iScroll escreveu:Certo, resultou.
Usaremos este de teste:
Código:
<div class="panel">
                   <div class="inner">
                          <span class="corners-top"><span></span></span>       
                  <div style="margin-top: 7px;" class="h3">
                             Tipo de ATA<del></del>       
                  </div>
<form id="form-shower">
  Escolha um tipo de ATA: <select id="myselect">
<option value="" selected="selected"></option>
<option value="form_name1">ATA de reunião</option>
<option value="form_name2">ATA disciplinar</option>
<option value="form_name3">ATA de conferência</option>
</select>
</form>
</div>
<form name="form_name1" id="form_name1" style="display:none">
TESTE 1
</form>

<form name="form_name2" id="form_name2" style="display:none">
TESTe 2
</form>

<form name="form_name3" id="form_name3" style="display:none">
TESTE
</form>
<script>
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().hide();
})
</script>
    <script type="text/javascript">
    $('select').change(function(e){
            $this = $(e.target);
            var selected_form = $this.text().replace(' ','_name');
            $('form').hide(2000, 'easeOutExpo');
            $(selected_form).show(2000, 'easeOutExpo');
        });
  </script>
Note que ao clicar some a barra para selecionar outro formulário caso erre no clique, veja: http://prntscr.com/hah8hs
Há como proceder?

e aqui também:

@iScroll escreveu:Ja tinha criado assim mas não queria expor '-' e.e
Cá está:
OBS: Já está com o efeito passado pelo senhor.
Código:
<div class="panel">
                   <div class="inner">
                          <span class="corners-top"><span></span></span>       
                  <div style="margin-top: 7px;" class="h3">
                             Tipo de ATA<del></del>       
                  </div>
<form id="form-shower">
  Escolha um tipo de ATA: <select id="myselect">
<option value="" selected="selected"></option>
<option value="form_name1">ATA de reunião</option>
<option value="form_name2">ATA disciplinar</option>
<option value="form_name3">ATA de conferência</option>
</select>
</form>
</div>
<form name="form_name1" id="form_name1" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de Reuniões</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da reunião</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Assunto da reunião</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o assunto debatido na reunião" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi dito durante a reunião" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela reunião</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela reunião" required="">
</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"><font color="#ff0000">[b]Data da reunião:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Assunto da reunião:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela reunião:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name2" id="form_name2" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS Disciplinar</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da disciplina</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Administrador que foi disciplinado</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o nick do administrador que foi disciplinado" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi passado para o administrador" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela disciplina</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela disciplina que foi passado para o administrador" required="">
</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"><font color="#ff0000">[b]Data da disciplina:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Administrador Disciplinado:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela disciplina:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name3" id="form_name3" style="display:none">
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de conferências</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da conferência</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Motivo da conferência</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o motivo da conferência" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi conferido</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi feito na conferência" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela conferência</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui o nome do responsável pela conferência" required="">
</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"><font color="#ff0000">[b]Data da conferência:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Motivo da conferência:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi conferido:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela conferência:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>
<script>
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().hide();
})
</script>
    <script type="text/javascript">
    $('select').change(function(e){
            $this = $(e.target);
            var selected_form = $this.text().replace(' ','_name');
            $('form').hide(2000, 'easeOutExpo');
            $(selected_form).show(2000, 'easeOutExpo');
        });
  </script>
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 14/11/17, 07:17 pm

Tente trocar este script:
Código:
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().hide();
})

Por este:
Código:
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().not($(this)).hide();
})


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 14/11/17, 07:18 pm

Mesma coisa.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 16/11/17, 12:10 pm

UP
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por Luiz em 16/11/17, 03:27 pm

É meio complicado fazer uma página HTML com três formulários diferentes.
Recomendo que você crie uma página HTML com três links: um para cada página.

Fica mais sensato e menos trabalhoso. o/

Espero que entenda o meu ponto de vista.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 16/11/17, 07:07 pm

O senhor diz por acaso assim?
Código:
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <style type="text/css">
*,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 85%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #5cb3fd;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
        a:hover {
    color: #5cb3fd;
}
a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
    .form-subtitle.data-text-1 {
    font-size: 14px;
    color: #444;
    border-left: 2px solid #ccc;
    padding: 0px 10px;
}
  </style>
<div class="panel">
                   <div class="inner">
                          <span class="corners-top"><span></span></span>       
                  <div style="margin-top: 7px;" class="h3">
                             Tipo de ATA<del></del>       
                  </div>
<form id="form-shower">
  Escolha um tipo de ATA: <select id="myselect">
<option value="" selected="selected"></option>
<option value="form_name1">ATA de reunião</option>
<option value="form_name2">ATA disciplinar</option>
<option value="form_name3">ATA de conferência</option>
</select>
</form>
</div>
<form name="form_name1" id="form_name1" style="display:none">
<!DOCTYPE html>
<html>
  <head>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de Reuniões</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da reunião</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Assunto da reunião</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o assunto debatido na reunião" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi dito durante a reunião" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela reunião</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela reunião" required="">
</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"><font color="#ff0000">[b]Data da reunião:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Assunto da reunião:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela reunião:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name2" id="form_name2" style="display:none">
<!DOCTYPE html>
<html>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS Disciplinar</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da disciplina</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Administrador que foi disciplinado</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o nick do administrador que foi disciplinado" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi dito</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi passado para o administrador" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela disciplina</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui os responsáveis pela disciplina que foi passado para o administrador" required="">
</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"><font color="#ff0000">[b]Data da disciplina:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Administrador Disciplinado:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi dito:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela disciplina:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>

<form name="form_name3" id="form_name3" style="display:none">
<!DOCTYPE html>
<html>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">ATAS de conferências</h4>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text-1">ATA é um registro escrito sobre todos os acontecimentos e assuntos debatidos durante uma reunião ou o que foi dito para alguma pessoa. Serve desde uma forma de agenda quanto para uma forma de lembranças do que foi dito</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo3">Data da conferência</label>
  <input type="date" data-type="date" id="campo3" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Motivo da conferência</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque aqui o motivo da conferência" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">O que foi conferido</label>
  <textarea data-type="textarea" id="campo5" placeholder="Coloque aqui o que foi feito na conferência" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Responsável pela conferência</label>
  <input type="text" data-type="text" id="campo6" placeholder="Coloque aqui o nome do responsável pela conferência" required="">
</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"><font color="#ff0000">[b]Data da conferência:[/b]</font> {{campo3}}

        <font color="#ff0000">[b]Motivo da conferência:[/b]</font> {{campo4}}

        <font color="#ff0000">[b]O que foi conferido:[/b]</font> {{campo5}}
       
        <font color="#ff0000">[b]Responsável pela conferência:[/b]</font> {{campo6}}</textarea>

  <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', {
                  t: 2402,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t2402-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
</form>
<script>
$("#myselect").on("change", function() {
    $("#" + $(this).val()).show().siblings().not($(this)).hide();
})
</script>
    <script type="text/javascript">
    $('select').change(function(e){
            $this = $(e.target);
            var selected_form = $this.text().replace(' ','_name');
            $('form').hide(2000, 'easeOutExpo');
            $(selected_form).show(2000, 'easeOutExpo');
        });
  </script>

Observação: Só necessito que caso precise mudar de formulário apareça a opção inicial quando selecionado algum formulário: http://prntscr.com/hbezw2
Ex: gostaria que ela aparecesse aqui também: http://prntscr.com/hbf00g em cima do nome "ATA"
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 17/11/17, 09:13 pm

UP
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Em curso Re: Formulário de Resposta

Mensagem por iScroll em 19/11/17, 12:36 am

UP
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Página 1 de 2 1, 2  Seguinte

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