Incluir Formulário em Responder ao Tópico

por PixelMoura 16.05.20 18:23

Detalhes da questão

Endereço do fórum: https://mnioficial.forumeiros.com/
Versão do fórum: Invision

Descrição

Olá,

Gerei o código no Gerador de Formulário do Forumeiros, instalei conforme solicita na página.
Porém ao clicar em "Responder ao Tópico" o mesmo não apresenta o formulário criado.

Página que deveria ser postado: https://mnioficial.forumeiros.com/t2-aula-inicial

Código:: <!DOCTYPE html> <html>  <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>Aulas Iniciais</title> <link rel="stylesheet" href="https://forumeirospt.github.io/assets/src/form-generator/form-styles.css" /> </head> <body> <form id="fa-generated-form"> <div class="fa-form-wrapper"> <h1>Aulas Iniciais</h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">INFORMAÇÕES REFERENTES A AULA:</h4> </div> <div class="fa-form-group clearfix"> <label for="campo3">Foi Aplicado:</label> <input type="text" data-type="text" id="campo3" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo4">Nick do Aluno:</label> <input type="text" data-type="text" id="campo4" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo5">Situação:</label> <input type="text" data-type="text" id="campo5" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo6">Aula Aplicada Por:</label> <input type="text" data-type="text" id="campo6" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">INFORMAÇÕES ADICIONAIS:</h4> </div> <div class="fa-form-group clearfix"> <label for="campo8">Data da Aplicação:</label> <input type="date" data-type="date" id="campo8" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo9">Desempenho do Aluno:</label> <textarea data-type="textarea" id="campo9" placeholder="" required=""></textarea> </div>  </div> <div class="fa-submit"> <button class="post-button" type="submit">Enviar Formulário</button> </div> </form>   <textarea style="display: none;" id="fa-generated-message">INFORMAÇÕES REFERENTES A AULA: Foi Aplicado: {{campo3}} Nick do Aluno: {{campo4}} Situação: {{campo5}} Aula Aplicada Por: {{campo6}} INFORMAÇÕES ADICIONAIS: Data da Aplicação: {{campo8}} Desempenho do Aluno: {{campo9}}</textarea> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script src="https://forumeirospt.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: 1, 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 + '/t1-?view=newest'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

por **tikky** 16.05.20 19:02

Olá @PixelMoura,

Como o seu Fórum está em manutenção, irei especular baseado do que vejo. Entre no Painel de controle > Módulos > HTML & JAVASCRIPT > Gestão dos códigos JavaScript e veja se a opção "Habilitar o gerenciamento dos códigos JavaScript" esta marcada como "Sim"!

Atenciosamente,
pedxz.

Bem-vindo ao Fórum dos Fóruns!

Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Regras do Fórum, e o que você não deve fazer neste fórum;
Lista de tutoriais e perguntas frequentes;
A Equipe de Suporte;
A função de busca.

Ao preencher o formulário use sempre as informações do seu Fórum, nomeadamente a versão, o senhor não usa #InVision e sim #ModernBB!

por PixelMoura 16.05.20 19:07

Não estava marcada, mas agora marquei como "Sim".

por Chanp 16.05.20 19:07

Houve resultado após marcar a opção?

por PixelMoura 16.05.20 19:13

Infelizmente ainda não deu certo.

por **tikky** 16.05.20 19:17

Passe-me o código JavaScript em uso, por favor!

por PixelMoura 16.05.20 19:21

No site gerador de formulários 2.0 só apareceu o código em html, não forneceu código de javascript.

Código:: N<!DOCTYPE html> <html>  <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>Aulas Iniciais</title> <link rel="stylesheet" href="https://forumeirospt.github.io/assets/src/form-generator/form-styles.css" /> </head> <body> <form id="fa-generated-form"> <div class="fa-form-wrapper"> <h1>Aulas Iniciais</h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">INFORMAÇÕES REFERENTES A AULA:</h4> </div> <div class="fa-form-group clearfix"> <label for="campo3">Foi Aplicado:</label> <input type="text" data-type="text" id="campo3" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo4">Nick do Aluno:</label> <input type="text" data-type="text" id="campo4" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo5">Situação:</label> <input type="text" data-type="text" id="campo5" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo6">Aula Aplicada Por:</label> <input type="text" data-type="text" id="campo6" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">INFORMAÇÕES ADICIONAIS:</h4> </div> <div class="fa-form-group clearfix"> <label for="campo8">Data da Aplicação:</label> <input type="date" data-type="date" id="campo8" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo9">Desempenho do Aluno:</label> <textarea data-type="textarea" id="campo9" placeholder="" required=""></textarea> </div>  </div> <div class="fa-submit"> <button class="post-button" type="submit">Enviar Formulário</button> </div> </form>   <textarea style="display: none;" id="fa-generated-message">INFORMAÇÕES REFERENTES A AULA: Foi Aplicado: {{campo3}} Nick do Aluno: {{campo4}} Situação: {{campo5}} Aula Aplicada Por: {{campo6}} INFORMAÇÕES ADICIONAIS: Data da Aplicação: {{campo8}} Desempenho do Aluno: {{campo9}}</textarea> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script src="https://forumeirospt.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: 1, 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 + '/t1-?view=newest'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

por Chanp 16.05.20 19:25

Olá @PixelMoura,

Crie um novo código javascript com investimento nos tópicos com o seguinte código:

Código:: (function ($) { 'use strict'; $(function () { $('a[href^="/post?t=2&mode=reply"]') .attr('href', '/h1-') ; }); }(jQuery));

Observação: se você alterar a ordem da sua página HTML ou o tópico que está a receber a mensagem, você terá que alterar também no código JavaScript. Para saber mais, queira ler este tutorial.

Isso deve resolver o seu problema.
Chanp Rosa

por PixelMoura 16.05.20 19:40

Copiei esse código no Javascript, porém ainda não funcionou.
Quero que quando responda ao tópico, apareça o formulário para que a pessoa apenas responda ao que pede.

por Chanp 16.05.20 19:42

Se mesmo após a instalação do código JavaScript, isso não está funcionando, aceda a:
Painel de Controle Geral Fórum Segurança.

Procure o campo "desautorizar inscrições feitas com os nomes de usuários mais comuns, usados por spammers" e selecione não.

Chanp

por PixelMoura 16.05.20 19:55

Agora deu certo, muito obrigado.
Só uma dúvida, caso eu gere outros códigos no Gerador de Formulário 2.0 eu posso utilizar o mesmo código do javascrpit que você me forneceu, mudando apenas o código da página?

por Chanp 16.05.20 20:00

Sim, você pode, mas terá que alterar duas coisas: o ID da página HTML e o ID do tópico. Se você ler o ponto 6 do tutorial que eu passei acima, pode entender direitinho.

Tópico resolvido

Movido para "Questões resolvidas".

Incluir Formulário em Responder ao Tópico