Formulários!
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Formulários!
Detalhes da questão
Endereço do fórum: http://scavengeproject.forumeiros.com
Versão do fórum: ModernBB
Descrição
Olá, Eu sou o Kenno.
Hoje tenho 2 coisas que necessitam de ajuda de um profissional, por isso recorri ao FdF.
Eu tenho 2 formulários, em um Fórum antigo, e gostaria de trocá-los para um novo Fórum. Porém, o nº do fórum é diferente, nos dois Fóruns.
1º Formulário - HTML Nº 2 (h2) / Fórum (Mode Newtopic) - F11
- Código:
<!-- ->
/*
* Gerado em <ajuda.forumeiros.com>.
* Gerador (2.0) feito por Luiz~
*/
<- --> <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>Whitelist</title> <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;
}
h2 {
color: red;
font-family: Verdana,Arial,sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
#fa-generated-form {
width: 60%;
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 h2 {
font-size: 11px;
color: #000000;
font-family: arial;
}
.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-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 {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[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;
}
}
</style>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h2>
LEIA ANTES DE PREENCHER O FORMULÁRIO!
</h2>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h2 class="form-subtitle data-text">
- Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br /> - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br /> - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br /> - Se você for fake não adianta pedir whitelist, nós iremos saber. <br /> - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br /> - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br /> - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br /> - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.
</h2>
</div>
<div class="fa-form-group clearfix">
<label for="campo6"><strong>Você leu os termos acima?</strong></label> <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label> <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label> <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Seu Nick</label> <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text" />
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Como descobriu o servidor</label> <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text" />
</div>
<div class="fa-form-group clearfix">
<label for="campo5">Por que você quer jogar no servidor?</label> <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>
</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">[b]Você leu os termos acima?[/b]: {{campo6}}
[b]Está ciente de que se usar hacker será banido permanente?[/b]: {{campo7}}
[b]Você registrou sua conta no servidor?[/b]: {{campo8}}
Seu Nick: {{campo3}}
Como descobriu o servidor: {{campo4}}
Por que você quer jogar no servidor? {{campo5}}</textarea> <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo3}}" /> <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', {
subject: $('#fa-generated-title').val().trim(),
f: 3,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f3-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
2º Formulário - HTML Nº 3 (h3) / Fórum 2 (f2)
- Código:
<!-- ->
/*
* Gerado em <ajuda.forumeiros.com>.
* Gerador (2.0) feito por Luiz~
*/
<- --> <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>Testando formulário</title> <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;
}
h5 {
color: red;
font-family: Verdana,Arial,sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
#fa-generated-form {
width: 60%;
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 h2 {
font-size: 11px;
color: #000000;
font-family: arial;
}
.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-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 {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[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;
}
}
</style>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h5>
LEIA ANTES DE PREENCHER O FORMULÁRIO!
</h5>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h5 class="form-subtitle data-text">
- Apenas crie o tópico se você foi o jogador banido! <br /> - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br />
<div class="fa-form-group clearfix">
<label for="campo1">Seu nick in-game</label> <input type="text" data-type="text" id="campo1" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo2">Administrador que o baniu</label> <input type="text" data-type="text" id="campo2" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Motivo do banimento</label> <input type="text" data-type="text" id="campo3" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Porque acha que deveria ser desbanido?</label> <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo5">Provas (Opcional)</label> <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>
</div>
<!-- END Generated HTML Code -->
</h5>
</div>
<div class="fa-submit">
<button class="post-button" type="submit">
Enviar Formulário
</button>
</div>
<!-- Javascript's -->
<!-- Não é recomendada a edição abaixo desta linha. --> <textarea style="display: none;" id="fa-generated-message">[b]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}
[b]Provas (Opcional)[/b]:
{{campo5}}</textarea> <input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" /> <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', {
subject: $('#fa-generated-title').val().trim(),
f: 5,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f5-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</div>
</form>
Espero que possam fazer as modificações necessárias para eu aplicar no meu fórum o mais rápido possível.
Segue também o JavaScript, peço que me indiquem qual será o JavaScript para cada um dos formulários.
1º Formulário:
- Código:
(function ($) {
'use strict';
$(function () {
$('a[href^="/post?f=3&mode=newtopic"]')
.attr('href', '/h4-')
;
});
}(jQuery));
2º Formulário:
- Código:
(function ($) {
'use strict';
$(function () {
$('a[href^="/post?f=5&mode=newtopic"]')
.attr('href', '/h5-')
;
});
}(jQuery));
Cumprimentos,
Kenno.
Re: Formulários!
Olá autor,
Vamos organizar isso.
O primeiro código troque por esse HTML e o seguinte JS.
HTML:
JS:
Segundo código.
HTML:
Até mais!
Vamos organizar isso.
O primeiro código troque por esse HTML e o seguinte JS.
HTML:
- Código:
<!-- ->
/*
* Gerado em <ajuda.forumeiros.com>.
* Gerador (2.0) feito por Luiz~
*/
<- --> <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>Whitelist</title> <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;
}
h2 {
color: red;
font-family: Verdana,Arial,sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
#fa-generated-form {
width: 60%;
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 h2 {
font-size: 11px;
color: #000000;
font-family: arial;
}
.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-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 {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[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;
}
}
</style>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h2>
LEIA ANTES DE PREENCHER O FORMULÁRIO!
</h2>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h2 class="form-subtitle data-text">
- Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br /> - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br /> - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br /> - Se você for fake não adianta pedir whitelist, nós iremos saber. <br /> - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br /> - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br /> - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br /> - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.
</h2>
</div>
<div class="fa-form-group clearfix">
<label for="campo6"><strong>Você leu os termos acima?</strong></label> <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label> <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label> <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Seu Nick</label> <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text" />
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Como descobriu o servidor</label> <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text" />
</div>
<div class="fa-form-group clearfix">
<label for="campo5">Por que você quer jogar no servidor?</label> <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>
</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">[b]Você leu os termos acima?[/b]: {{campo6}}
[b]Está ciente de que se usar hacker será banido permanente?[/b]: {{campo7}}
[b]Você registrou sua conta no servidor?[/b]: {{campo8}}
Seu Nick: {{campo3}}
Como descobriu o servidor: {{campo4}}
Por que você quer jogar no servidor? {{campo5}}</textarea> <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo3}}" /> <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', {
subject: $('#fa-generated-title').val().trim(),
f: 11,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/h2-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
JS:
- Código:
(function ($) {
'use strict';
$(function () {
$('a[href^="/post?f=11&mode=newtopic"]')
.attr('href', '/h2-')
;
});
}(jQuery));
Segundo código.
HTML:
- Código:
<!-- ->
/*
* Gerado em <ajuda.forumeiros.com>.
* Gerador (2.0) feito por Luiz~
*/
<- --> <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>Testando formulário</title> <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;
}
h5 {
color: red;
font-family: Verdana,Arial,sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
#fa-generated-form {
width: 60%;
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 h2 {
font-size: 11px;
color: #000000;
font-family: arial;
}
.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-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 {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[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;
}
}
</style>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h5>
LEIA ANTES DE PREENCHER O FORMULÁRIO!
</h5>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h5 class="form-subtitle data-text">
- Apenas crie o tópico se você foi o jogador banido! <br /> - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br />
<div class="fa-form-group clearfix">
<label for="campo1">Seu nick in-game</label> <input type="text" data-type="text" id="campo1" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo2">Administrador que o baniu</label> <input type="text" data-type="text" id="campo2" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Motivo do banimento</label> <input type="text" data-type="text" id="campo3" placeholder="" required="" />
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Porque acha que deveria ser desbanido?</label> <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo5">Provas (Opcional)</label> <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>
</div>
<!-- END Generated HTML Code -->
</h5>
</div>
<div class="fa-submit">
<button class="post-button" type="submit">
Enviar Formulário
</button>
</div>
<!-- Javascript's -->
<!-- Não é recomendada a edição abaixo desta linha. --> <textarea style="display: none;" id="fa-generated-message">[b]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}
[b]Provas (Opcional)[/b]:
{{campo5}}</textarea> <input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" /> <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', {
subject: $('#fa-generated-title').val().trim(),
f: 2,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/h3-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</div>
</form>
- Código:
(function ($) {
'use strict';
$(function () {
$('a[href^="/post?f=2&mode=newtopic"]')
.attr('href', '/h3-')
;
});
}(jQuery));
Até mais!
Re: Formulários!
Olá, nenhum dos formulários funcionou, quando eu cliquei em "Novo Tópico", não redirecionou para o formulário.
Re: Formulários!
Kenno LP escreveu:Olá, nenhum dos formulários funcionou, quando eu cliquei em "Novo Tópico", não redirecionou para o formulário.
Como assim? Eu apenas realizei as modificações pedidas pelo senhor, nada mais além disso.
Re: Formulários!
Eu sei que realizou, porém quando eu clico em "Novo Tópico", não sou redirecionado para o formulário. E agora?
Re: Formulários!
Crie um novo JS e use
- Código:
jQuery(document).ready(function(})
{
jQuery('a[href^="/post?f=2&mode=newtopic"]').attr('href','/h3-');
jQuery('a[href^="/post?f=11&mode=newtopic"]').attr('href','/h2-');
});
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Formulários!
Provavelmente, existe um JS em conflito, tente desligar o uso de todos os js menos o último que lhe passei, pff.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Formulários!
Deletei todos os JS além do último que mandou, porém continuo sem ser redirecionado após clicar em "Novo Tópico".
Re: Formulários!
Qual o investimento que você está a usar? Todas as Página
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Formulários!
Olá novamente.
Realize as seguintes recomendações.
Vá até:
Troque os códigos JS por:
1°HTML/JS
2°HTML/JS
Até mais!
Realize as seguintes recomendações.
Vá até:
Em>Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas, marque a opção: "NÃO".Painel de Controle>Geral>Fórum>Segurança
Troque os códigos JS por:
1°HTML/JS
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=2&mode=newtopic"]').attr('href', '/h3-');
});
2°HTML/JS
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=11&mode=newtopic"]').attr('href', '/h2-');
});
Até mais!
Re: Formulários!
Kenno LP escreveu:Posso juntar os 2 JS em um só? Como me mandaram fazer anteriormente.
Não, o senhor deverá criar um novo JS para cada formulário com investimento em todas as páginas.
Re: Formulários!
Kenno LP escreveu:E deleto o outro que me mandaram criar anteriormente, ou deixo ficar?
Retire todos os demais JS repassados anteriormente deixe apenas as páginas HTML ativas e crie um novo JS para cada formulário com os códigos que repassei a pouco tempo.
Re: Formulários!
Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Formularios
» Formulários de postagens
» Codigos fórmularios
» Erro nos formulários
» Formulários e Certificado SSL
» Formulários de postagens
» Codigos fórmularios
» Erro nos formulários
» Formulários e Certificado SSL
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos