InícioPersonalizar formulário
3 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 • Compartilhe
Personalizar formulário
por iScroll 06.10.16 0:01
Detalhes da questão
Endereço do fórum: testealrpg.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá galera, alguém poderia me fornecer esses códigos? Colocando a DATA e o ID de denúncia, por exemplo, a primeira denuncia : ID #1
a segunda, ID #2 e assim vai, se não conseguirem podem deixar aleatório mesmo.
Exemplo de como quero: https://i.imgur.com/tBQcyhf.png?1
Meu formulário:
- Formulário:
- Código:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Formulário de denúncias</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>
<body>
<section class="container">
<section class="row">
<form action="" role="form" id="form-posting" style="padding:2em;">
<fieldset>
<legend style="padding:.5em">Formulário de denúncias</legend>
<div class="form-group">
<label for="reason">Motivo</label>
<input class="form-control" id="reason" placeholder="Coloque aqui o motivo da denúncia">
</div>
<div class="form-group">
<label for="accused">Membro/Player que você vai denunciar</label> <input class="form-control" id="accused" placeholder="Nome_Sobrenome" />
</div><fieldset> </fieldset>
<div class="form-group">
<label for="organization">Organização que o Player pertence</label> <select class="form-control" id="organization">
<option selected="true" disabled="true">Selecione</option>
<option value="State Governament">State Governament</option><option value="L.S.F.D">L.S.F.D</option><option value="L.S.P.D">L.S.P.D</option><option value="S.W.A.T">S.W.A.T</option><option value="H.R.T">H.R.T</option><option value="F.B.I">F.B.I</option><option value="S.A.S.D">S.A.S.D</option><option value="I.A.A">I.A.A</option><option value="S.F.O.D-D">S.F.O.D-D</option><option value="Groove Street">Groove Street</option><option value="East S. Ballas">East S. Ballas</option><option value="Los Aztecas">Los Aztecas</option><option value="Los Vagos">Los Vagos</option><option value="Triads">Triads</option><option value="Cosa Nostra">Cosa Nostra</option><option value="ISIS">ISIS</option><option value="XIITAR">XIITAR</option><option value="Sons Of Anarchy">Sons Of Anarchy</option><option value="The Lost MC">The Lost MC</option><option value="Hitmans">Hitmans</option><option value="Vehicles Mechanic">Vehicles Mechanic</option><option value="San News">San News</option><option value="Taxi">Taxi</option>
</select>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="report">Dê o relatório da ocorrência</label> <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou á denunciar o membro/player" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="proofs">Provas</label> <textarea id="proofs" placeholder="Poste aqui as provas que incrimine o acusado. Seja elas em Ss's (imagens) ou em Fraps (vídeo)" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="extra">Tentou resolver in-game</label> <textarea id="extra" placeholder="Você tentou resolver in-game ou através de outro meio de comunicação (TS3) com o acusado ? Se Sim , explique qual foi o resultado" 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=#FF0000]Motivo[/b][/color] ' + '\n' + formData.reason + '\n\n' +
' [b][color=#FF0000]Membro/Player que você vai denunciar[/b][/color] ' + '\n' + formData.accused + '\n\n' +
' [b][color=#FF0000]Organização que o Player pertence[/b][/color] ' + '\n' + formData.organization + '\n\n' +
' [b][color=#FF0000]Dê o relatório da ocorrência[/b][/color] ' + '\n' + formData.report + '\n\n' +
' [b][color=#FF0000]Provas[/b][/color] ' + '\n' + formData.proofs + '\n\n' +
' [b][color=#FF0000]Tentou resolver in-game[/b][/color] ' + '\n' + formData.extra + '\n\n' +
'[/size][/font]';
$.post("/post", {
f: 84,
mode: 'newtopic',
subject: '[Denúncia][' + formData.organization + ']' + formData.accused + ' - ' + formData.reason,
message: data,
post: 84
}).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 = '/f84-'
}, 2500);
}).fail(function() {
$("#form-posting").submit();
});
});
});
</script> </section>
</body>
</html>
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 06.10.16 0:39
Olá!
Quando à "id" que seria colocada no título, não é possível, ou ao menos, creio que não.
Já na data, ao início do título, é possível sim.
Entretanto, o senhor deveria adicionar um novo campo ao teu formulário, em que quem preenchesse colocasse a data do dia, enfim.
Ai suponhamos que o id desse campo da data seria "field5".
Assim, no título do tópico, nas configurações, teria de colocar [{field5}] ...
Quando à "id" que seria colocada no título, não é possível, ou ao menos, creio que não.
Já na data, ao início do título, é possível sim.
Entretanto, o senhor deveria adicionar um novo campo ao teu formulário, em que quem preenchesse colocasse a data do dia, enfim.
Ai suponhamos que o id desse campo da data seria "field5".
Assim, no título do tópico, nas configurações, teria de colocar [{field5}] ...
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 06.10.16 0:44
Como não seria possível sendo que na print acima que coloquei mostra?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por Luiz 06.10.16 0:52
Poderia mandar o link do fórum onde tirou o efeito, por gentileza?
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar formulário
por iScroll 06.10.16 1:05
Fórum: forum.brasilplaygames.com.br/forum
Ai está
Ai está
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por while 06.10.16 18:12
Olá autor,
sobre a data que foi postado o tópico, troque o código da sua pagina HTML por este:
Seria somente isto?
Até mais.
sobre a data que foi postado o tópico, troque o código da sua pagina HTML por este:
- Código:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Formulário de denúncias</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 id = (mseg * seg + hora) * min;
</script>
<body>
<section class="container">
<section class="row">
<form action="" role="form" id="form-posting" style="padding:2em;">
<fieldset>
<legend style="padding:.5em">Formulário de denúncias</legend>
<div class="form-group">
<label for="reason">Motivo</label>
<input class="form-control" id="reason" placeholder="Coloque aqui o motivo da denúncia">
</div>
<div class="form-group">
<label for="accused">Membro/Player que você vai denunciar</label> <input class="form-control" id="accused" placeholder="Nome_Sobrenome" />
</div><fieldset> </fieldset>
<div class="form-group">
<label for="organization">Organização que o Player pertence</label> <select class="form-control" id="organization">
<option selected="true" disabled="true">Selecione</option>
<option value="State Governament">State Governament</option><option value="L.S.F.D">L.S.F.D</option><option value="L.S.P.D">L.S.P.D</option><option value="S.W.A.T">S.W.A.T</option><option value="H.R.T">H.R.T</option><option value="F.B.I">F.B.I</option><option value="S.A.S.D">S.A.S.D</option><option value="I.A.A">I.A.A</option><option value="S.F.O.D-D">S.F.O.D-D</option><option value="Groove Street">Groove Street</option><option value="East S. Ballas">East S. Ballas</option><option value="Los Aztecas">Los Aztecas</option><option value="Los Vagos">Los Vagos</option><option value="Triads">Triads</option><option value="Cosa Nostra">Cosa Nostra</option><option value="ISIS">ISIS</option><option value="XIITAR">XIITAR</option><option value="Sons Of Anarchy">Sons Of Anarchy</option><option value="The Lost MC">The Lost MC</option><option value="Hitmans">Hitmans</option><option value="Vehicles Mechanic">Vehicles Mechanic</option><option value="San News">San News</option><option value="Taxi">Taxi</option>
</select>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="report">Dê o relatório da ocorrência</label> <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou á denunciar o membro/player" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="proofs">Provas</label> <textarea id="proofs" placeholder="Poste aqui as provas que incrimine o acusado. Seja elas em Ss's (imagens) ou em Fraps (vídeo)" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="extra">Tentou resolver in-game</label> <textarea id="extra" placeholder="Você tentou resolver in-game ou através de outro meio de comunicação (TS3) com o acusado ? Se Sim , explique qual foi o resultado" 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=#FF0000]Motivo[/b][/color] ' + '\n' + formData.reason + '\n\n' +
' [b][color=#FF0000]Membro/Player que você vai denunciar[/b][/color] ' + '\n' + formData.accused + '\n\n' +
' [b][color=#FF0000]Organização que o Player pertence[/b][/color] ' + '\n' + formData.organization + '\n\n' +
' [b][color=#FF0000]Dê o relatório da ocorrência[/b][/color] ' + '\n' + formData.report + '\n\n' +
' [b][color=#FF0000]Provas[/b][/color] ' + '\n' + formData.proofs + '\n\n' +
' [b][color=#FF0000]Tentou resolver in-game[/b][/color] ' + '\n' + formData.extra + '\n\n' +
'[/size][/font]';
$.post("/post", {
f: 84,
mode: 'newtopic',
subject: '[Denúncia][' + dia + '/' + mes + '/' + ano4 + '][' + formData.organization + ']' + formData.accused + ' - ' + formData.reason,
message: data,
post: 84
}).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 = '/f84-'
}, 2500);
}).fail(function() {
$("#form-posting").submit();
});
});
});
</script> </section>
</body>
</html>
Seria somente isto?
Até mais.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Re: Personalizar formulário
por iScroll 06.10.16 18:50
Ola while, obrigado mais e o id do tópico q pedi?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por while 06.10.16 19:05
Infelizmente, não é possível definir o ID da denuncia.
Sua questão se encontra resolvida autor?
Até mais.
Sua questão se encontra resolvida autor?
Até mais.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Re: Personalizar formulário
por iScroll 06.10.16 19:09
Tem como fazer algo parecido então? gerando um numero para ser tipo o ID ?
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por while 06.10.16 19:23
Como desejar.
Troque novamente por este:
O id aparecerá depois do [denuncia] e antes da data de postagem.
Ficando assim: [denuncia] [id] [data] [org] titulo
Até mais.
Troque novamente por este:
- Código:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Formulário de denúncias</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>
<section class="container">
<section class="row">
<form action="" role="form" id="form-posting" style="padding:2em;">
<fieldset>
<legend style="padding:.5em">Formulário de denúncias</legend>
<div class="form-group">
<label for="reason">Motivo</label>
<input class="form-control" id="reason" placeholder="Coloque aqui o motivo da denúncia">
</div>
<div class="form-group">
<label for="accused">Membro/Player que você vai denunciar</label> <input class="form-control" id="accused" placeholder="Nome_Sobrenome" />
</div><fieldset> </fieldset>
<div class="form-group">
<label for="organization">Organização que o Player pertence</label> <select class="form-control" id="organization">
<option selected="true" disabled="true">Selecione</option>
<option value="State Governament">State Governament</option><option value="L.S.F.D">L.S.F.D</option><option value="L.S.P.D">L.S.P.D</option><option value="S.W.A.T">S.W.A.T</option><option value="H.R.T">H.R.T</option><option value="F.B.I">F.B.I</option><option value="S.A.S.D">S.A.S.D</option><option value="I.A.A">I.A.A</option><option value="S.F.O.D-D">S.F.O.D-D</option><option value="Groove Street">Groove Street</option><option value="East S. Ballas">East S. Ballas</option><option value="Los Aztecas">Los Aztecas</option><option value="Los Vagos">Los Vagos</option><option value="Triads">Triads</option><option value="Cosa Nostra">Cosa Nostra</option><option value="ISIS">ISIS</option><option value="XIITAR">XIITAR</option><option value="Sons Of Anarchy">Sons Of Anarchy</option><option value="The Lost MC">The Lost MC</option><option value="Hitmans">Hitmans</option><option value="Vehicles Mechanic">Vehicles Mechanic</option><option value="San News">San News</option><option value="Taxi">Taxi</option>
</select>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="report">Dê o relatório da ocorrência</label> <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou á denunciar o membro/player" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="proofs">Provas</label> <textarea id="proofs" placeholder="Poste aqui as provas que incrimine o acusado. Seja elas em Ss's (imagens) ou em Fraps (vídeo)" class="form-control"></textarea>
</div><fieldset> </fieldset>
<div class="form-group">
<label for="extra">Tentou resolver in-game</label> <textarea id="extra" placeholder="Você tentou resolver in-game ou através de outro meio de comunicação (TS3) com o acusado ? Se Sim , explique qual foi o resultado" 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=#FF0000]Motivo[/b][/color] ' + '\n' + formData.reason + '\n\n' +
' [b][color=#FF0000]Membro/Player que você vai denunciar[/b][/color] ' + '\n' + formData.accused + '\n\n' +
' [b][color=#FF0000]Organização que o Player pertence[/b][/color] ' + '\n' + formData.organization + '\n\n' +
' [b][color=#FF0000]Dê o relatório da ocorrência[/b][/color] ' + '\n' + formData.report + '\n\n' +
' [b][color=#FF0000]Provas[/b][/color] ' + '\n' + formData.proofs + '\n\n' +
' [b][color=#FF0000]Tentou resolver in-game[/b][/color] ' + '\n' + formData.extra + '\n\n' +
'[/size][/font]';
$.post("/post", {
f: 84,
mode: 'newtopic',
subject: '[Denúncia][' + zump + '][' + dia + '/' + mes + '/' + ano4 + '][' + formData.organization + ']' + formData.accused + ' - ' + formData.reason,
message: data,
post: 84
}).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 = '/f84-'
}, 2500);
}).fail(function() {
$("#form-posting").submit();
});
});
});
</script> </section>
</body>
</html>
O id aparecerá depois do [denuncia] e antes da data de postagem.
Ficando assim: [denuncia] [id] [data] [org] titulo
Até mais.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Personalizar formulário
por while 06.10.16 19:55
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Tópicos semelhantes» Personalizar formulário
» Personalizar formulário
» Personalizar formulário (JotForm)
» Personalizar formulário
» Personalizar formulário de postagens
» Personalizar formulário
» Personalizar formulário (JotForm)
» Personalizar formulário
» Personalizar formulário de postagens
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
Facebook
Twitter
Youtube
