Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Formulário não posta
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
Formulário não posta
Detalhes da questão
Endereço do fórum: https://alc-nwd.forumeiros.com
Versão do fórum: phpBB3
Descrição
Formulário ao clicar em ''novo tópico'' funciona, mas não posta a mensagem.
- Código:
<br /><html>
<head>
<link rel="shortcut icon" href="https://2img.net/i.imgur.com/T1SiZOz.png">
<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>AlCapone NWD</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #375e7f;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #375e7f;
font-size: 14px;
transition: linear all 125ms;
margin-top: 62%;
}
.btn.btn-primary:focus {
border-color: #;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #273e52;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #4b6b35;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<hgroup>
<h1><img src="https://i.imgur.com/6aMRMic.png"></h1>
</hgroup>
<form id="form-content">
<a title="Voltar ao menu" href="/f23-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>
<div class="title">
<h4>Preencha todos os dados que se pedem. Na hipótese dos campos opcionais, se não quiser ocupa-los deixe em branco.</h4>
</div>
<h3>Recrutamento</h3>
<div class="form-group" style="margin-bottom: 15%;">
<div class="form-group-col col-30">
<label for="npromotor">Seu nickname:</label>
<input type="text" id="nalc" class="form-control" placeholder="O seu nickname" required="">
</div>
<div class="form-group-col col-30">
<label for="cpromotor">Seu level:</label>
<input type="text" id="calc" class="form-control" placeholder="Level atual" required="">
</div>
<div class="form-group-col col-30">
<label for="link">Link perfil fórum NWD:</label>
<input type="text" id="link" class="form-control" placeholder="Exemplo:https://nwdg.forumeiros.com/u80" maxlength="3" required="">
</div>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="clas">Quais clãs você já frequentou?</label>
<textarea data-type="textarea" id="clas" class="form-control" placeholder="Todos os clãs que você já entrou na NWD" required=""></textarea>
</div>
<div class="form-group-col col-30">
<label for="modalidade">Modalidade:</label>
<select data-type="select" id="modalidade" class="form-control" required="">
<!-- First -->
<option value="Crime">Crime</option>
<option value="Race">Race</option>
<option value="DeathMatch">DeathMatch</option>
</select>
</div>
<div class="form-group-col col-30">
<label for="experiencia">Possuí experiência nessa modalidade?</label>
<select data-type="select" id="experiencia" class="form-control" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Sim, porém preciso aprimorar meus conhecimentos">Sim, porém preciso aprimorar meus conhecimentos</option>
<option value="Não, quero entrar pra aprender.">Não, quero entrar pra aprender.</option>
</select>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="motivos">Motivos no qual deseja entrar para a Aviãozinhos:</label>
<textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que você tem para ser aceito na aviãozinhos." required=""></textarea>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<span class="card">OPCIONAL</span>
<label for="influencia">Quem te influenciou a pedir recrutamento:</label>
<input type="text" id="influencia" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
</div>
<br>
<button type="submit" class="btn btn-primary">Enviar Formulário</button>
</form>
</main>
<textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Recrutamento[/color][/b][/center]
[b]Seu Nickname:[/b] {{nalc}}
[b]Seu Level:[/b] {{calc}}
[b]Link perfil NWD:[/b] {{link}}
[b]Quais clãs já frequentou:[/b] {{clas}}
[b]Modalidade:[/b] {{modalidade}}
[b]Possuí experiência nessa modalidade? [/b] {{experiencia}}
[b]Motivos no qual deseja entrar para a Aviãozinhos:[/b] {{motivos}
[b]Quem te influênciou a pedir recrutamento? [/b] {{influencia}
<script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
'use strict';
$(function () {
var instance = new Date();
var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
var month_index = instance.getMonth();
var year = instance.getFullYear();
var date = [ day, month[month_index], year ].join(" ");
document.getElementById('datapromo').value = date;
$('#form-content').on('submit', function (event) {
var data = {
nalc: $('#nalc').val(),
calc: $('#calc').val(),
link: $('#link').val(),
clas: $('#clas').val(),
modalidade: $('#modalidade').val(),
experiencia: $('#experiencia').val(),
motivos: $('#motivos').val(),
influencia: '',
};
if ($('#permissao').val() === '') {
data.permissao = 'N/A.';
} else {
data.permissao = $('#permissao').val();
}
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 3,
message: [
'[center][b][color=#ff0000][Recrutamento] {{nalc}}[/color][/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nalc + ' ' + data.nalc,
'[b]Level:[/b] ' + data.calc + ' a ' + data.clac,
'[b]Link perfil NWD:[/b] ' + data.link,
'[b]Quais clãs já frequentou:[/b] ' + data.clas,
'[b]Modalidade:[/b] ' + data.,modalidade,
'[b]Possui experiência nessa modalidade?[/b] ' + data.experiencia,
'[b]Motivo no qual deseja entrar para a Aviãozinhos:[/b] ' + data.motivos,
'[b]Quem te influenciou a pedir recrutamento[/b] ' + data.influencia,
'',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 23,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = '/forum';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Javascript:
- Código:
(function ($) { 'use strict'; $(function () { $('a[href="/post?f=23&mode=newtopic"]') .attr('href', '/h1-') ; });}(jQuery));
Re: Formulário não posta
Olá @alcforum21
O mesmo para postar formulários, necessita ativar essa seguinte opção e talvez venha solucionar o seu problema:
"Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" marcar como "Não" que o mesmo pode acessar no Painel de controle > Geral > Fórum > Segurança!
Atenciosamente, Wusthy
O mesmo para postar formulários, necessita ativar essa seguinte opção e talvez venha solucionar o seu problema:
"Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" marcar como "Não" que o mesmo pode acessar no Painel de controle > Geral > Fórum > Segurança!
Atenciosamente, Wusthy
Re: Formulário não posta
Está opção já estava ativada como ''Não''. E continua não postando, ao clicar em ''enviar formulário'', a página recarrega mas não posta a mensagem.
Re: Formulário não posta
Olá @alcforum21
Eu havia pegado sua questão e analisado melhor agora, e notei que tem alguns erros em sua estética, sendo assim, modifique seu atual HTML que se encontra, para esse:
Espero que resolva seu problema!
Atenciosamente, Wusthy
Eu havia pegado sua questão e analisado melhor agora, e notei que tem alguns erros em sua estética, sendo assim, modifique seu atual HTML que se encontra, para esse:
- Código:
<html>
<head>
<link rel="shortcut icon" href="https://2img.net/i.imgur.com/T1SiZOz.png">
<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>AlCapone NWD</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #375e7f;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #375e7f;
font-size: 14px;
transition: linear all 125ms;
margin-top: 62%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #4b6b35;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<hgroup>
<h1><img src="https://i.imgur.com/6aMRMic.png"></h1>
</hgroup>
<form id="form-content">
<div class="title">
<h4>Preencha todos os dados que se pedem. Na hipótese dos campos opcionais, se não quiser ocupa-los deixe em branco.</h4>
</div>
<h3>Recrutamento</h3>
<div class="form-group" style="margin-bottom: 15%;">
<div class="form-group-col col-30">
<label for="nalc">Seu nickname:</label>
<input type="text" id="nalc" class="form-control" placeholder="O seu nickname" required="">
</div>
<div class="form-group-col col-30">
<label for="calc">O seu level:</label>
<input type="text" id="calc" class="form-control" placeholder="" required="">
</div>
<div class="form-group-col col-30">
<label for="link">Link perfil fórum NWD:</label>
<input type="text" id="link" class="form-control" placeholder="Exemplo:https://nwdg.forumeiros.com/" required="">
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="clas">Quais clãs você já frequentou?</label>
<textarea data-type="textarea" id="clas" class="form-control" placeholder="Todos os clãs que você já entrou na NWD" required=""></textarea>
</div>
<div class="form-group-col col-30">
<label for="modalidade">Modalidade:</label>
<select data-type="select" id="modalidade" class="form-control" required="">
<!-- First -->
<option value="Crime">Crime</option>
<option value="Race">Race</option>
<option value="DeathMatch">DeathMatch</option>
</select>
</div>
<div class="form-group-col col-30">
<label for="experiencia">Possuí experiência nessa modalidade?</label>
<select data-type="select" id="experiencia" class="form-control" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Sim, porém preciso aprimorar meus conhecimentos">Sim, porém preciso aprimorar meus conhecimentos</option>
<option value="Não, quero entrar pra aprender.">Não, quero entrar pra aprender.</option>
</select>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="motivos">Motivos no qual deseja entrar para a Aviãozinhos:</label>
<textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que você tem para ser aceito na aviãozinhos." required=""></textarea>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<span class="card">OPCIONAL</span>
<label for="influencia">Quem te influenciou a pedir recrutamento:</label>
<input type="text" id="influencia" class="form-control" placeholder="">
</div>
</div>
<br>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</main>
<textarea style="display: none;" id="post-msg">[center][b]Modelo I - Gratificações[/b][/center]
[b]Seu Nickname:[/b] {{nalc}}.
[b]Seu Level:[/b] {{calc}}.
[b]Link perfil NWD:[/b] {{link}}.
[b]Quais clãs já frequentou:[/b] {{clas}}.
[b]Modalidade:[/b] {{modalidade}}.
[b]Possuí experiência nessa modalidade? [/b] {{experiencia}}.
[b]Motivos no qual deseja entrar para a Aviãozinhos:[/b] {{motivos}.
[b]Quem te influênciou a pedir recrutamento? [/b] {{influencia}.</textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nalc: $('#nalc').val(),
calc: $('#calc').val(),
link: $('#link').val(),
clas: $('#clas').val(),
experiencia: $('#experiencia').val(),
motivos: $('#motivos').val(),
influencia: $('#influencia').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 1,
message: [
'[center][b][color=#ff0000][Recrutamento][/color][/b][/center]',
'',
'[b]Sua patente/cargo e nickname:[/b] ' + data.nalc,
'[b]Level:[/b] ' + data.calc,
'',
'[b]Link perfil NWD:[/b] ' + data.link,
'[b]Quais clãs já frequentou:[/b] ' + data.clas,
'[b]Modalidade:[/b] ' + data.modalidade,
'[b]Possui experiência nessa modalidade?[/b] ' + data.experiencia,
'',
'[b]Motivo no qual deseja entrar para a Aviãozinhos:[/b] ' + data.motivos,
'[b]Quem te influenciou a pedir recrutamento[/b] ' + data.influencia,
'',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = '/t1-' + location.host + '/1-?view=newest';
}).fail(function () {
alert('Houve um erro. Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Espero que resolva seu problema!
Atenciosamente, Wusthy
Re: Formulário não posta
Bom... Agora ele tenta criar um novo tópico, só que dá o seguinte erro . "O tópico ou a mensagem que você está procurando não existe". E por fim acaba-se por não criar exatamente nada.
Re: Formulário não posta
Olá @alcforum21!
Esqueci de um detalhe: poderia me informar qual seria o tópico que o mesmo pretende direcionar a mensage postada?
Aguardando respostas;
Atenciosamente, Wusthy
Esqueci de um detalhe: poderia me informar qual seria o tópico que o mesmo pretende direcionar a mensage postada?
Aguardando respostas;
Atenciosamente, Wusthy
Re: Formulário não posta
Olá @Wusthy!Wusthy escreveu:Olá @alcforum21!
Esqueci de um detalhe: poderia me informar qual seria o tópico que o mesmo pretende direcionar a mensage postada?
Aguardando respostas;
Atenciosamente, Wusthy
Seria no "/f23"
Re: Formulário não posta
Olá @alcforum21
Aqui está sua página em HTML nova, modifique aquela enviada anteriormente para essa:
Atenciosamente, Wusthy
Aqui está sua página em HTML nova, modifique aquela enviada anteriormente para essa:
- Código:
<html>
<head>
<link rel="shortcut icon" href="https://2img.net/i.imgur.com/T1SiZOz.png">
<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>AlCapone NWD</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #375e7f;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #375e7f;
font-size: 14px;
transition: linear all 125ms;
margin-top: 62%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #4b6b35;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<hgroup>
<h1><img src="https://i.imgur.com/6aMRMic.png"></h1>
</hgroup>
<form id="form-content">
<div class="title">
<h4>Preencha todos os dados que se pedem. Na hipótese dos campos opcionais, se não quiser ocupa-los deixe em branco.</h4>
</div>
<h3>Recrutamento</h3>
<div class="form-group" style="margin-bottom: 15%;">
<div class="form-group-col col-30">
<label for="nalc">Seu nickname:</label>
<input type="text" id="nalc" class="form-control" placeholder="O seu nickname" required="">
</div>
<div class="form-group-col col-30">
<label for="calc">O seu level:</label>
<input type="text" id="calc" class="form-control" placeholder="" required="">
</div>
<div class="form-group-col col-30">
<label for="link">Link perfil fórum NWD:</label>
<input type="text" id="link" class="form-control" placeholder="Exemplo:https://nwdg.forumeiros.com/" required="">
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="clas">Quais clãs você já frequentou?</label>
<textarea data-type="textarea" id="clas" class="form-control" placeholder="Todos os clãs que você já entrou na NWD" required=""></textarea>
</div>
<div class="form-group-col col-30">
<label for="modalidade">Modalidade:</label>
<select data-type="select" id="modalidade" class="form-control" required="">
<!-- First -->
<option value="Crime">Crime</option>
<option value="Race">Race</option>
<option value="DeathMatch">DeathMatch</option>
</select>
</div>
<div class="form-group-col col-30">
<label for="experiencia">Possuí experiência nessa modalidade?</label>
<select data-type="select" id="experiencia" class="form-control" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Sim, porém preciso aprimorar meus conhecimentos">Sim, porém preciso aprimorar meus conhecimentos</option>
<option value="Não, quero entrar pra aprender.">Não, quero entrar pra aprender.</option>
</select>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<label for="motivos">Motivos no qual deseja entrar para a Aviãozinhos:</label>
<textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que você tem para ser aceito na aviãozinhos." required=""></textarea>
</div>
</div>
<div class="form-group">
<div class="form-group-col col-94">
<span class="card">OPCIONAL</span>
<label for="influencia">Quem te influenciou a pedir recrutamento:</label>
<input type="text" id="influencia" class="form-control" placeholder="">
</div>
</div>
<br>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</main>
<textarea style="display: none;" id="post-msg">[center][b]Modelo I - Gratificações[/b][/center]
[b]Seu Nickname:[/b] {{nalc}}.
[b]Seu Level:[/b] {{calc}}.
[b]Link perfil NWD:[/b] {{link}}.
[b]Quais clãs já frequentou:[/b] {{clas}}.
[b]Modalidade:[/b] {{modalidade}}.
[b]Possuí experiência nessa modalidade? [/b] {{experiencia}}.
[b]Motivos no qual deseja entrar para a Aviãozinhos:[/b] {{motivos}.
[b]Quem te influênciou a pedir recrutamento? [/b] {{influencia}.</textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nalc: $('#nalc').val(),
calc: $('#calc').val(),
link: $('#link').val(),
clas: $('#clas').val(),
experiencia: $('#experiencia').val(),
motivos: $('#motivos').val(),
influencia: $('#influencia').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 23,
message: [
'[center][b][color=#ff0000][Recrutamento][/color][/b][/center]',
'',
'[b]Sua patente/cargo e nickname:[/b] ' + data.nalc,
'[b]Level:[/b] ' + data.calc,
'',
'[b]Link perfil NWD:[/b] ' + data.link,
'[b]Quais clãs já frequentou:[/b] ' + data.clas,
'[b]Modalidade:[/b] ' + data.modalidade,
'[b]Possui experiência nessa modalidade?[/b] ' + data.experiencia,
'',
'[b]Motivo no qual deseja entrar para a Aviãozinhos:[/b] ' + data.motivos,
'[b]Quem te influenciou a pedir recrutamento[/b] ' + data.influencia,
'',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = '/f23-' + location.host + '/f23-?view=newest';
}).fail(function () {
alert('Houve um erro. Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Atenciosamente, Wusthy
Re: Formulário não posta
O erro some, porém, ao redirecionar para o tópico, vai para o subforum só que não posta nada
Re: Formulário não posta
Olá @alcforum21
Pelo que eu notei, o mesmo me enviou seu sub-fórum ou fórum..o tópico que eu digo, é os links que começa com /t como por exemplo, /t1-modelo-teste
Aguardando respostas;
Atenciosamente, Wusthy
Pelo que eu notei, o mesmo me enviou seu sub-fórum ou fórum..o tópico que eu digo, é os links que começa com /t como por exemplo, /t1-modelo-teste
Aguardando respostas;
Atenciosamente, Wusthy
Re: Formulário não posta
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Formulário não posta
» Formulário não posta
» Poblema quando vo posta novo topico
» Poblema ao posta novo topico , sumiu
» Cor do nome nas mensagens que adm posta
» Formulário não posta
» Poblema quando vo posta novo topico
» Poblema ao posta novo topico , sumiu
» Cor do nome nas mensagens que adm posta
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