Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosAdicionar subfórum no Formulário
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Adicionar subfórum no Formulário
por LucasOliveiraXD 11.07.17 23:41
Detalhes da questão
Endereço do fórum: http://ww.cidadesocial.com
Versão do fórum: PunBB
Descrição
Quero colocar uma caixa de seleção no meu formulário que dependendo da opção que eu selecionar nela, o tópico vá para outro ID de fórum.
Exemplo:
"Área á ser postada"
Papo Furado - Fórum 1
Dúvidas - Fórum 2
Se eu selecionar Papo Furado, o tópico vai ser postado no fórum 1.
Usei o gerador de formulário.
Como eu posso fazer esse tipo de esquema para uma seleção trocar a categoria á ser postada ?
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 11.07.17 23:43
 |
|
Olá,
Pode me passar o código usado no seu formulário?
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Adicionar subfórum no Formulário
por LucasOliveiraXD 11.07.17 23:51
Tá na mão!
O último campo é oque eu quero controlar os subfóruns, me dê um exemplo que eu consigo fazer o resto.
- 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>Criar uma nova denúncia</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: #3072ab;
}
.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: 35px;
display: block;
text-align: center;
margin: 15px 0px;
color: #ffffff;
text-transform: uppercase;
background-color: #3072ab;
margin-top: 0px;
font-weight: normal;
}
.fa-form-group label {
display: block;
font-size: 16px;
margin-bottom: 5px;
}
.fa-form-group input,
.fa-form-group textarea,
.fa-form-group select {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.fa-form-group input:focus,
.fa-form-group textarea:focus,
.fa-form-group select:focus {
color: #464a4c;
background-color: #fff;
border-color: #5cb3fd;
outline: 0;
}
.fa-form-group select[multiple] {
padding-right: 0px;
}
.fa-submit {
display: block;
width: 100%;
padding: 20px;
}
.fa-submit button {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[class*="conteneur"] form#fa-generated-form {
border-top: solid 1px #ddd;
margin-top: 20px;
border-radius: 3px!important;
}
@media (max-width: 700px) {
#fa-generated-form {
width: 100%;
border: none;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Criar uma nova denúncia</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Seus dados:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Seu nome no servidor:</label>
<input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Sua organização:</label>
<select data-type="select" id="campo4" required="required">
<!-- First -->
<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados do Denunciado:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo6">Nome do denunciado:</label>
<input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo7">Organização do denunciado:</label>
<select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados da denúncia:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo9">Motivo da denúncia:</label>
<input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo10">Descreva o ato:</label>
<textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">
</div>
<div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>
</div>
<div class="fa-form-group clearfix">
<label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
<select data-type="select" id="campo14" required="">
<!-- First -->
<option value="Civis">Civis</option>
<option value="Funcionários Públicos">Funcionários Públicos</option>
<option value="Criminosos">Criminosos</option>
<option value="Mafiosos">Mafiosos</option>
<option value="Assassinos">Assassinos</option>
<option value="Terroristas">Terroristas</option>
<option value="Líderes">Líderes</option>
<option value="Helper">Helper</option>
<option value="Staff">Staff</option>
</select>
</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]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}
[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}
[b]Provas:[/b] {{campo11}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />
<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: 9,
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f9-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
O último campo é oque eu quero controlar os subfóruns, me dê um exemplo que eu consigo fazer o resto.
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 11.07.17 23:55
Esse?
- Código:
<div class="fa-form-group clearfix">
<label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
<select data-type="select" id="campo14" required="">
<!-- First -->
<option value="Civis">Civis</option>
<option value="Funcionários Públicos">Funcionários Públicos</option>
<option value="Criminosos">Criminosos</option>
<option value="Mafiosos">Mafiosos</option>
<option value="Assassinos">Assassinos</option>
<option value="Terroristas">Terroristas</option>
<option value="Líderes">Líderes</option>
<option value="Helper">Helper</option>
<option value="Staff">Staff</option>
</select>
</div>
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Adicionar subfórum no Formulário
por LucasOliveiraXD 11.07.17 23:56
Esse mesmo!
Eu queria tipo, caso a opção tivesse valor "Civis", o tópico fosse postado em f9-
Já se fosse "Criminosos", o tópico fosse postado em f11-
Tem como fazer isso?
Eu queria tipo, caso a opção tivesse valor "Civis", o tópico fosse postado em f9-
Já se fosse "Criminosos", o tópico fosse postado em f11-
Tem como fazer isso?
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 11.07.17 23:59
Sim, é.
Precisarei da relação de cada valor.
Por exemplo, se postássemos em "Civis", iria para o f11-.
Preciso que o senhor me diga a relação de cada um.
o/
Precisarei da relação de cada valor.
Por exemplo, se postássemos em "Civis", iria para o f11-.
Preciso que o senhor me diga a relação de cada um.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Adicionar subfórum no Formulário
por LucasOliveiraXD 12.07.17 0:02
A relação que eu iria precisar seria essa:
*Civis f9-
*Funcionários Públicos f7-
*Criminosos f8-
*Mafiosos f12-
*Assassinos f16-
*Terroristas f13-
*Líderes f23-
*Helper f19-
*Staff f15-
Só que não precisa fazer o código inteiro, me dá um exemplo com 2 itens, que eu faço o restante, não estou conseguindo de fato fazer isso.
Sou novato em HTML/JS
*Civis f9-
*Funcionários Públicos f7-
*Criminosos f8-
*Mafiosos f12-
*Assassinos f16-
*Terroristas f13-
*Líderes f23-
*Helper f19-
*Staff f15-
Só que não precisa fazer o código inteiro, me dá um exemplo com 2 itens, que eu faço o restante, não estou conseguindo de fato fazer isso.
Sou novato em HTML/JS
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 12.07.17 17:19
Tente trocar por este:
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>Criar uma nova denúncia</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: #3072ab;
}
.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: 35px;
display: block;
text-align: center;
margin: 15px 0px;
color: #ffffff;
text-transform: uppercase;
background-color: #3072ab;
margin-top: 0px;
font-weight: normal;
}
.fa-form-group label {
display: block;
font-size: 16px;
margin-bottom: 5px;
}
.fa-form-group input,
.fa-form-group textarea,
.fa-form-group select {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.fa-form-group input:focus,
.fa-form-group textarea:focus,
.fa-form-group select:focus {
color: #464a4c;
background-color: #fff;
border-color: #5cb3fd;
outline: 0;
}
.fa-form-group select[multiple] {
padding-right: 0px;
}
.fa-submit {
display: block;
width: 100%;
padding: 20px;
}
.fa-submit button {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[class*="conteneur"] form#fa-generated-form {
border-top: solid 1px #ddd;
margin-top: 20px;
border-radius: 3px!important;
}
@media (max-width: 700px) {
#fa-generated-form {
width: 100%;
border: none;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Criar uma nova denúncia</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Seus dados:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Seu nome no servidor:</label>
<input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Sua organização:</label>
<select data-type="select" id="campo4" required="required">
<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados do Denunciado:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo6">Nome do denunciado:</label>
<input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo7">Organização do denunciado:</label>
<select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados da denúncia:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo9">Motivo da denúncia:</label>
<input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo10">Descreva o ato:</label>
<textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">
</div>
<div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>
</div>
<div class="fa-form-group clearfix">
<label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
<select data-type="select" id="campo14" required="">
<!-- First -->
<option value="9">Civis</option>
<option value="7">Funcionários Públicos</option>
<option value="8">Criminosos</option>
<option value="12">Mafiosos</option>
<option value="16">Assassinos</option>
<option value="13">Terroristas</option>
<option value="23">Líderes</option>
<option value="19">Helper</option>
<option value="15">Staff</option>
</select>
</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]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}
[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}
[b]Provas:[/b] {{campo11}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />
<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: $('#campo14').val(),
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f9-';
}).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: Adicionar subfórum no Formulário
por LucasOliveiraXD 12.07.17 23:03
Deu certo!!!
Só que surgiu uma dúvida.
Eu posso colocar 2 option com o mesmo valor porém com outro nome?
Ah, e para ir para o tópico criado, como eu faço ?
É só alterar o
Porém colocar oque no lugar?
Só que surgiu uma dúvida.
Eu posso colocar 2 option com o mesmo valor porém com outro nome?
Ah, e para ir para o tópico criado, como eu faço ?
É só alterar o
- Código:
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f9-';
Porém colocar oque no lugar?
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 12.07.17 23:09
Para redirecionar ao tópico, troque o código por:
Para adicionar mais, procure no código acima por:
PS: Você pode repetir a value. Mas lembre-se de só colocar números inteiros naturais nela!!
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>Criar uma nova denúncia</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: #3072ab;
}
.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: 35px;
display: block;
text-align: center;
margin: 15px 0px;
color: #ffffff;
text-transform: uppercase;
background-color: #3072ab;
margin-top: 0px;
font-weight: normal;
}
.fa-form-group label {
display: block;
font-size: 16px;
margin-bottom: 5px;
}
.fa-form-group input,
.fa-form-group textarea,
.fa-form-group select {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.fa-form-group input:focus,
.fa-form-group textarea:focus,
.fa-form-group select:focus {
color: #464a4c;
background-color: #fff;
border-color: #5cb3fd;
outline: 0;
}
.fa-form-group select[multiple] {
padding-right: 0px;
}
.fa-submit {
display: block;
width: 100%;
padding: 20px;
}
.fa-submit button {
padding: 10px 20px;
background-color: #3072ab;
color: #fff;
font-size: 14px;
border: none;
border-radius: 3px;
}
.fa-submit button:hover {
background-color: #2a6192;
}
[class*="conteneur"] form#fa-generated-form {
border-top: solid 1px #ddd;
margin-top: 20px;
border-radius: 3px!important;
}
@media (max-width: 700px) {
#fa-generated-form {
width: 100%;
border: none;
}
}
</style>
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Criar uma nova denúncia</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Seus dados:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Seu nome no servidor:</label>
<input type="text" data-type="text" id="campo3" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Sua organização:</label>
<select data-type="select" id="campo4" required="required">
<option value="Civil">Civil</option>
<option value="Polícia Civil">Polícia Civil</option>
<option value="Força Tática">Força Tática</option>
<option value="Polícia Rodoviária">Polícia Rodoviária</option>
<option value="Polícia Federal">Polícia Federal</option>
<option value="Polícia Secreta">Polícia Secreta</option>
<option value="Forças Armadas">Forças Armadas</option>
<option value="Sede do Governo">Sede do Governo</option>
<option value="Departamento de Trânsito">Departamento de Trânsito</option>
<option value="Grove Street Families">Grove Street Families</option>
<option value="Ballas">Ballas</option>
<option value="Varrios Los Aztecas">Varrios Los Aztecas</option>
<option value="Los Santos Vagos">Los Santos Vagos</option>
<option value="Lowriders">Lowriders</option>
<option value="Corredores">Corredores</option>
<option value="Leone">Leone</option>
<option value="Sindacco">Sindacco</option>
<option value="Hitmans">Hitmans</option>
<option value="Triads">Triads</option>
<option value="Estado Islâmico">Estado Islâmico</option>
<option value="Al'qaeda">Al'qaeda</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados do Denunciado:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo6">Nome do denunciado:</label>
<input type="text" data-type="text" id="campo6" placeholder="Nome_Sobrenome" required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo7">Organização do denunciado:</label>
<select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Civil">Civil</option>
</select>
</div>
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">Dados da denúncia:</h4>
</div>
<div class="fa-form-group clearfix">
<label for="campo9">Motivo da denúncia:</label>
<input type="text" data-type="text" id="campo9" placeholder="Explique aqui o motivo da denúncia em poucas palavras." required="required">
</div>
<div class="fa-form-group clearfix">
<label for="campo10">Descreva o ato:</label>
<textarea data-type="textarea" id="campo10" placeholder="Descreva aqui com os máximos detalhes oque aconteceu." required="required"></textarea>
</div>
<div class="fa-form-group clearfix">
<label for="campo11">Provas</label>
<input type="text" data-type="text" id="campo11" placeholder="Prints/Videos! " required="required">
</div>
<div class="fa-form-group clearfix">
<p class="form-paragraph data-text">Todos os campos são obrigatórios.</p>
</div>
<div class="fa-form-group clearfix">
<label for="campo14">Tipo de denúncia (Aqui é a escolha do Sub-Fórum)</label>
<select data-type="select" id="campo14" required="">
<!-- First -->
<option value="9">Civis</option>
<option value="7">Funcionários Públicos</option>
<option value="8">Criminosos</option>
<option value="12">Mafiosos</option>
<option value="16">Assassinos</option>
<option value="13">Terroristas</option>
<option value="23">Líderes</option>
<option value="19">Helper</option>
<option value="15">Staff</option>
</select>
</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]Meu nome:[/b] {{campo3}}
[b]Minha organização:[/b] {{campo4}}
[b]Nome do denunciado:[/b] {{campo6}}
[b]Organização do denunciado:[/b] {{campo7}}
[b]Motivo da denuncia:[/b] {{campo9}}
[b]Descrição do ato:[/b] {{campo10}}
[b]Provas:[/b] {{campo11}}</textarea>
<input type="hidden" id="fa-generated-title" value="[{{campo6}} - {{campo7}}] {{campo9}} [{{campo3}} - {{campo4}}]" />
<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: $('#campo14').val(),
message: $('#fa-generated-message').val().trim(),
mode: 'newtopic',
tid: $('[name="tid"]:first').val(),
post: 1,
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
location.pathname = '/f' + $('#campo14').val() + '-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Para adicionar mais, procure no código acima por:
- Código:
<option value="9">Civis</option>
PS: Você pode repetir a value. Mas lembre-se de só colocar números inteiros naturais nela!!
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Adicionar subfórum no Formulário
por LucasOliveiraXD 12.07.17 23:21
Ok, muito obrigado Luiz!
Pode fechar o tópico, PERFEITO!
Pode fechar o tópico, PERFEITO!
LucasOliveiraXD- Novo Membro
- Membro desde : 11/07/2017
Mensagens : 6
Pontos : 8 -
Re: Adicionar subfórum no Formulário
por Luiz 12.07.17 23:28
Às ordens. o/
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Tópicos semelhantes» Como adicionar bbcode no formulário.
» Adicionar senha ao subfórum
» Formulario - Adicionar o link dentro de uma tag BBcode
» Adicionar fundo ao formulário de postagem
» Adicionar botões de edição no formulário
» Adicionar senha ao subfórum
» Formulario - Adicionar o link dentro de uma tag BBcode
» Adicionar fundo ao formulário de postagem
» Adicionar botões de edição no formulário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos