ArtigosPersonalizar formulário
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
Personalizar formulário
por iScroll 01.09.17 23:35
Detalhes da questão
Endereço do fórum: http://www.brasilplayultimate.forumeiros.com
Versão do fórum: PunBB
Descrição
Eae galera, fiz esse formulário aqui pelo Gerador 2.0:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
E tenho este outro formulário também já hospedado que ele automaticamente manda um "ID" de denúncia.
Cá está o formulário:
- Código:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Formulário de Revisão</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<style type="text/css">
*{
outline: none!important;
}
textarea{
min-height: 200px;
resize: vertical;
}
</style>
<script>
/* Script do Formulário */
// Obtém a data/hora atual
var data = new Date();
// Guarda cada pedaço em uma variável
var dia = data.getDate(); // 1-31
var dia_sem = data.getDay(); // 0-6 (zero=domingo)
var mes = data.getMonth()+1; // 0-11 (zero=janeiro)
var ano2 = data.getYear(); // 2 dígitos
var ano4 = data.getFullYear(); // 4 dígitos
var hora = data.getHours(); // 0-23
var min = data.getMinutes(); // 0-59
var seg = data.getSeconds(); // 0-59
var mseg = data.getMilliseconds(); // 0-999
var tz = data.getTimezoneOffset(); // em minutos
var zump = (mseg * seg + hora) * min;
</script>
<body>
<div style="margin-top: -65px; text-align: center" class="h2">
<strong>
</strong>
<br>
<br>
<h2>
<style="center"><span style="color: red; font-size: 45px;"><ins>AVISO</ins></span></style="center">
</h2><strong></strong>
</div>
<div style="background:#C8E2B7;padding:5px;text-align:center;font-family:Arial;font-size:13px">
<img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png"><br>Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia: <br><a target="_blanck" href="http://www.brasilplayultimate.com.br/t83-forumregras-punicoes"><span style="color: blue;">[Fórum]Regras → Punições</span></a>.<br> <br> Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.<br><br><strong>Observação:</strong> Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.<br>
<br> <span style="color: red; font-size: 18px;"><strong><center>Regras para Postar Revisões:</center></strong></span>
<br><strong>1º - </strong>Só será permitido postar uma revisão para cada envolvido, caso tenha várias pessoas na mesma revisão poste uma revisão de cada vez, essa regra é simplesmente pelo fato do nosso sitema de marcações do usuário, assim que ele é denúnciado ele recebe uma mensagem privada no fórum mostrando o link da denúncia e alertando sobre a mesma.
<br><strong>2º - </strong>Só será permitido postar no tópico caso você tenha envolvimento com a revisão e os Donos do Servidor. Líderes/Sub-Líderes não terão direito de comentar nessa parte.
<br><strong>3º - </strong>Não será permitido postar na revisão mensagens do tipo "up punição".. "Dá Punição"
<br><strong>4º - </strong>Não será permitido desrespeito e chat nos tópicos, caso isso ocorra o tópico será fechado sem ao menos ser resolvido.
<br><strong>5º - </strong>Não será permitido fazer revisão depois de 2 dias após o ocorrido, pois o prazo para uma revisão ser fechada por um DONO no fórum é de no maximo 24h (1 Dia), revisões depois deste período não serão Válidas.
<br><strong>6º - </strong>Não será permitido vídeos/screenshots cortadas, deverá conter todo o momento do acontecido.
<br><strong>7º - </strong>Não será permitido uso de palavras improprias/ofensas/xingamentos, nas revisões é obrigatório conter um linguajar normal, sem uso de palavras de baixo calão. <span style="color: red;">Na quebra desta regra o usuário levará ban 5 dias do fórum.</span>
<br><strong>8º - </strong>Não será permitido abrir outra revisão sobre uma revisão que já foi fechada. Se ficar com dúvidas procure o administrador responsável pela mesma e converse via TeamSpeak³ ou mande um MP no fórum.
<br><strong>9º - </strong>Não será permitido abrir uma revisão de uma denúncia, se a denúncia já foi recusada automaticamente a revisão também irá. Caso necessite que um administrador DONO revise sua denúncia, procure-o via TeamSpeak³.
<br><strong>10º - </strong>Punição Inversa Ativada,ou seja, dependendo da revisão, o denunciante levará uma punição de 40 minutos de carandiru, vocês tem que aprender a revisar apenas quem está errado, toda hora revisam sem motivo, atrapalhando a jogabilidade, peçam revisão apenas se tiverem certeza que o denunciado está ERRADO.
<br><span style="color: red;"><strong> Observação: </span></strong><strong>É necessário que o ADM denúnciado peça a punição inversa, caso contrário essa regra não se aplicará.</strong>
<br><strong>11º - </strong>Revisões com intenção de ferrar com o Administrador (Forjadas) serão revisadas 2 vezes antes de qualquer punição, se for comprovado o Player Tomara 5h De Cadeia/Carandiru , se as provas forem "inconclusivas" a mesma será fechada e marcada como recusada.
</div>
<section class="container">
<section class="row">
<form action="" role="form" id="form-posting" style="padding:2em;">
<fieldset>
<legend style="padding:.5em">Formulário de Revisão</legend>
<div class="form-group">
<label for="reason">Motivo</label>
<input class="form-control" id="reason" placeholder="Coloque aqui o motivo da sua punição. OBS: Max 10 Caracteres, a mais disso será excluído o tópico. Ex: Ant-RPG">
</div>
<div class="form-group">
<label for="accused">Seu nick</label> <input class="form-control" id="accused" placeholder="Nome_Sobrenome" />
</div><fieldset> </fieldset>
<div class="form-group">
<label for="organization">Tipo de Revisão</label> <select class="form-control" id="organization">
<option selected="true" disabled="true">Selecione</option>
<option value="Punição">Punição</option><option value="Banimento">Banimento</option>
</select>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="report">Por que pediu revisão?</label> <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou à pedir revisão" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="proofs">Provas</label> <textarea id="proofs" placeholder="Poste aqui as provas de que a punição aplicada foi errada." class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="extra">Link da Denúncia</label> <textarea id="extra" placeholder="Sua punição foi por denúncia? Coloque aqui o link" class="form-control"></textarea>
</div><fieldset> </fieldset>
<button type="submit" class="btn btn-primary btn-sm pull-right">
Enviar formulário
</button><fieldset> <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo" /> <span style="font-size: smaller;"> </span> </fieldset>
</form><section class="container"><section class="row"> </section> <script src="http://code.jquery.com/jquery-latest.js"></script> <script>
$(function(){
$("#form-posting").submit(function(event){
event.preventDefault();
var formData = {
category: $("#category").val(),
reason: $("#reason").val(),
accused: $("#accused").val(),
organization: $("#organization").val(),
report: $("#report").val(),
proofs: $("#proofs").val(),
extra: $("#extra").val()
};
var data =
'[font=Vernada][size=13]' + '\n\n' +
' [b][color=#008cff]ID da Revisão[/b][/color] ' + '\n' + zump + '\n\n' +
' [b][color=#FF0000]Motivo[/b][/color] ' + '\n' + formData.reason + '\n\n' +
' [b][color=#FF0000]Nick[/b][/color] ' + '\n' + formData.accused + '\n\n' +
' [b][color=#FF0000]Revisão de[/b][/color] ' + '\n' + formData.organization + '\n\n' +
' [b][color=#FF0000]O que te fez pedir revisão?[/b][/color] ' + '\n' + formData.report + '\n\n' +
' [b][color=#FF0000]Provas[/b][/color] ' + '\n' + formData.proofs + '\n\n' +
' [b][color=#FF0000]Link da denúncia[/b][/color] ' + '\n' + formData.extra + '\n\n' +
'[/size][/font]';
$.post("/post", {
f: 130,
mode: 'newtopic',
subject: '[' + dia + '/' + mes + '/' + ano4 + '] [' + formData.organization + '] ' + formData.accused + ' - [' + formData.reason + '] #' + zump,
message: data,
post: 130
}).done(function() {
$("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...</p>');
window.setTimeout(function(){
window.location.href = '/f130-'
}, 2500);
}).fail(function() {
$("#form-posting").submit();
});
});
});
</script> </section>
</body>
</html>
Seria possível adicionar esse ID de denúncia no formulário 2.0?
Fora isso, gostaria de que quando o membro selecionasse o tipo de organização setasse para um tipo de forum.
Exemplo: gangster vai setar para esse: http://www.brasilplayultimate.com.br/f47-contra-gangsters
Mafioso para esse: http://www.brasilplayultimate.com.br/f49-contra-mafiosos
E por ai vai, seria possível?
Última edição por iScroll em 08.09.17 1:25, editado 1 vez(es)
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Kyo Panda 06.09.17 19:04
Troque por esse:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var id = (new Date()).getTime();
var regex = /\{\{id\}\}/g;
var $message = $('#fa-generated-message');
var $title = $('#fa-generated-title');
$message.val($message.val().replace(regex, id));
$title.val($title.val().replace(regex, id));
$(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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Kyo Panda- Hiper Membro
- Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939 -
Re: Personalizar formulário
por iScroll 06.09.17 22:00
Funcionou mas tem um porém, os numeros estão muito grandes.
Teria como por uma média de digitos de até 10?
Tipo, minimo de 4 maximo de 10 digitos.
Seria possível ?
Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
Teria como por uma média de digitos de até 10?
Tipo, minimo de 4 maximo de 10 digitos.
Seria possível ?
Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 22:08
Troque o código por:
o/
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var id = (new Date()).getTime().replace(/\d{8}$/g, '');;
var regex = /\{\{id\}\}/g;
var $message = $('#fa-generated-message');
var $title = $('#fa-generated-title');
$message.val($message.val().replace(regex, id));
$title.val($title.val().replace(regex, id));
$(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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Isso só é possível com um banco de dados, o que torna inviável.Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 22:32
Luiz escreveu:Troque o código por:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var id = (new Date()).getTime().replace(/\d{8}$/g, '');;
var regex = /\{\{id\}\}/g;
var $message = $('#fa-generated-message');
var $title = $('#fa-generated-title');
$message.val($message.val().replace(regex, id));
$title.val($title.val().replace(regex, id));
$(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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>Isso só é possível com um banco de dados, o que torna inviável.Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
o/
Certo, não resultou em nada kk, simplesmente me enviou para pagina inicial do fórum.
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 22:34
Veja agora:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var id = (new Date()).getTime().replace(/\d{8}$/g, '');
var regex = /\{\{id\}\}/g;
var $message = $('#fa-generated-message');
var $title = $('#fa-generated-title');
$message.val($message.val().replace(regex, id));
$title.val($title.val().replace(regex, id));
$(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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 22:50
Luiz escreveu:Veja agora:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var id = (new Date()).getTime().replace(/\d{8}$/g, '');
var regex = /\{\{id\}\}/g;
var $message = $('#fa-generated-message');
var $title = $('#fa-generated-title');
$message.val($message.val().replace(regex, id));
$title.val($title.val().replace(regex, id));
$(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: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Mesma coisa.. Não envia nada, simplesmente depois de enviar me manda para página inicial, além disso não aparece essa mensagem :
- Código:
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 22:53
Tente esse:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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: '[' + Math.floor(Math.random() * 9999) + '] ' + $('#fa-generated-title').val().trim(),
f: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 22:57
Luiz escreveu:Tente esse:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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: '[' + Math.floor(Math.random() * 9999) + '] ' + $('#fa-generated-title').val().trim(),
f: 151,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Resultou, mas sem o ID de denúncia.
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 22:58
Pode me ceder uma conta de teste no seu fórum e me dizer qual o ID desse formulário? Vou testar...
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 23:00
Login: TesteRP
Senha: d1d2d3d456789
Link: http://www.brasilplayultimate.com.br/h55-novo-formulario
----
Edit:
Se reparar no ultimo código que mandou não tem nada relacionado ao ID de denúncia, rs
---
edit:
Na verdade funcionou: http://prntscr.com/gife3s mas eu queria que ele aparecesse na mensagem do tópico também, e o ID iria aparecer do lado do ultimo - , e não no inicio do título, entendeu?
Senha: d1d2d3d456789
Link: http://www.brasilplayultimate.com.br/h55-novo-formulario
----
Edit:
Se reparar no ultimo código que mandou não tem nada relacionado ao ID de denúncia, rs
---
edit:
Na verdade funcionou: http://prntscr.com/gife3s mas eu queria que ele aparecesse na mensagem do tópico também, e o ID iria aparecer do lado do ultimo - , e não no inicio do título, entendeu?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 23:16
Troque por este:
E:
Não entendi.
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var randId = Math.floor(Math.random() * 9999);
$(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() + ' [' + randId + ']',
f: 151,
message: [
'[b][color=#FF0000]ID da Denúncia:[/color][/b]',
randId,
'',
$('#fa-generated-message').val().trim()
].join('\n'),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
E:
Se reparar no ultimo código que mandou não tem nada relacionado ao ID de denúncia, rs
Não entendi.
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 23:18
Perfeito, mas bugou, veja: http://prntscr.com/gific7
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 23:21
Okay, tente por este:
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da denúncia:[/color][/b]
elId
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var randId = Math.floor(Math.random() * 9999);
$(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() + ' [' + randId + ']',
f: 151,
message: $('#fa-generated-message').val().trim().replace('elId', randId),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 23:26
Perfeito, agora tenho outra dúvida, como no inicio:
Já que conseguimos arrumar o IDiScroll escreveu:
Fora isso, gostaria de que quando o membro selecionasse o tipo de organização setasse para um tipo de forum.
Exemplo: gangster vai setar para esse: http://www.brasilplayultimate.com.br/f47-contra-gangsters
Mafioso para esse: http://www.brasilplayultimate.com.br/f49-contra-mafiosos
E por ai vai, seria possível?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 23:37
Nessa caso, seu tópico deveria ser fechado, dado que só é permitida uma questão por tópico. o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 23:38
Certo enntão mais uma coisa sobre o formulário.
Teria como no lugar do "[ e ]" no título ser - #ID ?
Teria como no lugar do "[ e ]" no título ser - #ID ?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 07.09.17 23:45
Sim, é claro, troque por:
o/
- Código:
<!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">
<title>Formulário de Denúncias</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;
}
#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 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 {
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;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Formulário de Denúncias</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Avisos</h4>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>
</div><div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Formulário de denúncias</h4>
</div><div class="fa-form-group clearfix">
<label for="campo13">Data do Ocorrido</label>
<input type="date" data-type="date" id="campo13" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Motivo</label>
<input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do Player</label>
<input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Tipo de Organização</label>
<select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Ocorrido</label>
<textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>
</div><div class="fa-form-group clearfix">
<label for="campo12">Tentou Resolver In-Game?</label>
<input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">
</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][color=#FF0000]ID da denúncia:[/color][/b]
elId
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}
[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}
[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}
[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}
[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}
[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />
<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';
var randId = Math.floor(Math.random() * 9999);
$(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() + ' #' + randId,
f: 151,
message: $('#fa-generated-message').val().trim().replace('elId', randId),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
location.pathname = '/f151-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 07.09.17 23:53
Perfeito, sobre a outra questão do formulário, ja irei postar o novo tópico.
Podem fechar.
Valeu @Luiz~ <3
Podem fechar.
Valeu @Luiz~ <3
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Kyo Panda 08.09.17 18:07
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Kyo Panda- Hiper Membro
- Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939 -
Tópicos semelhantes» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
» Personalizar formulário
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