Dúvida sobre o Gerador de formulários 2.0
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
Dúvida sobre o Gerador de formulários 2.0
Detalhes da questão
Endereço do fórum: https://mundogoph.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Olá, caros membros da comunidade forumeiros.
Venho aqui tirar uma dúvida que deparei-me à alguns dias com os meus administradores. Eu preciso de um campo de IMAGENS, ou seja, O usuário coloca o link da imagem/hospeda a imagem e na mensagem de resposta que aparecerá na resposta a imagem em si (não o link para a imagem).
Eu pensei em criar um campo de texto, onde os membros colocam o link direto para a imagem e na mensagem o campo entre as tags
- Código:
[img] e [/img]
Agradeço a resposta, e esta é a sugestão que deixo: criarem um novo campo para imagens com a opção de hospedagem no servimg como o do SCEditor.
Re: Dúvida sobre o Gerador de formulários 2.0
Olá,
Precisaremos do código do seu formulário para que possamos criar esse campo.
o/
Precisaremos do código do seu formulário para que possamos criar esse campo.
o/
Re: Dúvida sobre o Gerador de formulários 2.0
Olá, aqui vai.
- 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>Nova Advertê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>Nova Advertência</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<label for="campo1">Nick do funcionário</label>
<input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo2">Cargo</label>
<input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Motivo da advertência</label>
<input type="text" data-type="text" id="campo8" placeholder="Insira aqui o motivo pela qual o funcionário foi advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo4">Provas</label>
<input type="text" data-type="text" id="campo4" placeholder="Insira aqui alguma prova que tenha sobre a advertência (opcional para a Supremacia)">
</div><div class="fa-form-group clearfix">
<label for="campo5">Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?</label>
<select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">*Caso você não for da Supremacia, abaixo cite o nick do membro da Supremacia</p>
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do membro da Supremacia</label>
<input type="text" data-type="text" id="campo7" placeholder="Insira aqui o nick do membro da Supremacia que autorizou a advertência">
</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]Nick do funcionário:[/b] {{campo1}}
[b]Cargo do funcionário:[/b] {{campo2}}
[b]Motivo da advertência:[/b] {{campo3}}
[b]Provas:[/b] {{campo4}}
[b]Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?[/b] {{campo5}}
[b]Nick do membro da Supremacia:[/b] {{campo7}}</textarea>
<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', {
t: 46,
message: $('#fa-generated-message').val().trim(),
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 = 'http://' + location.host + '/t46-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Re: Dúvida sobre o Gerador de formulários 2.0
Tente trocar 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>Nova Advertê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>Nova Advertência</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<label for="campo1">Nick do funcionário</label>
<input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo2">Cargo</label>
<input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Motivo da advertência</label>
<input type="text" data-type="text" id="campo8" placeholder="Insira aqui o motivo pela qual o funcionário foi advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo4">Provas</label>
<input type="text" data-type="text" id="campo4" placeholder="Insira aqui alguma prova que tenha sobre a advertência (opcional para a Supremacia)">
</div><div class="fa-form-group clearfix">
<label for="campo5">Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?</label>
<select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">*Caso você não for da Supremacia, abaixo cite o nick do membro da Supremacia</p>
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do membro da Supremacia</label>
<input type="text" data-type="text" id="campo7" placeholder="Insira aqui o nick do membro da Supremacia que autorizou a advertência">
</div>
<!-- END Generated HTML Code -->
</div>
<div class="fa-submit">
<button class="post-button" type="submit">Enviar Formulário</button>
</div>
</form>
<!-- Javascript's -->
<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) {
var data = {
funcionario_nick: $('#campo1').val(),
funcionario_cargo: $('#campo2').val(),
motivo_adv: $('#campo3').val(),
provas: '',
com_permissao: $('#campo5').val(),
supremo_nick: $('#campo7').val()
};
if (/http.:\/\//gi.test($('#campo4').val())) {
data.provas = '[img]' + $('#campo4').val() + '[/img]';
} else if ($('#campo4').val() === '') {
data.provas = 'Nenhuma prova foi especificada.';
} else {
data.provas = $('#campo4').val();
}
event.preventDefault();
$(this).find('button[type="submit"]').text('Postando...');
setTimeout(function () {
$.post('/post', {
t: 46,
message: [
'[b]Nick do funcionário:[/b]' + data.funcionario_nick,
'[b]Cargo do funcionário:[/b]' + data.funcionario_cargo,
'[b]Motivo da advertência:[/b]' + data.motivo_adv,
'[b]Provas:[/b]' + data.provas,
'',
'[b]Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?[/b]' + data.com_permissao,
'[b]Nick do membro da Supremacia:[/b]' + data.supremo_nick,
].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 = 'http://' + location.host + '/t46-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
o/
Re: Dúvida sobre o Gerador de formulários 2.0
Bom dia Luiz,
Bom, agora ele não deixa postar. Fica falando que dá erro e pra tentar novamente.
Bom, agora ele não deixa postar. Fica falando que dá erro e pra tentar novamente.
Re: Dúvida sobre o Gerador de formulários 2.0
Segunda tentativa.
Tente trocar por:
o/
Tente trocar 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>Nova Advertê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>Nova Advertência</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<label for="campo1">Nick do funcionário</label>
<input type="text" data-type="text" id="campo1" placeholder="Insira aqui o nick do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo2">Cargo</label>
<input type="text" data-type="text" id="campo2" placeholder="Insira aqui o cargo do funcionário advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo8">Motivo da advertência</label>
<input type="text" data-type="text" id="campo8" placeholder="Insira aqui o motivo pela qual o funcionário foi advertido" required="">
</div><div class="fa-form-group clearfix">
<label for="campo4">Provas</label>
<input type="text" data-type="text" id="campo4" placeholder="Insira aqui alguma prova que tenha sobre a advertência (opcional para a Supremacia)">
</div><div class="fa-form-group clearfix">
<label for="campo5">Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?</label>
<select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</div><div class="fa-form-group clearfix">
<p class="form-paragraph data-text">*Caso você não for da Supremacia, abaixo cite o nick do membro da Supremacia</p>
</div><div class="fa-form-group clearfix">
<label for="campo7">Nick do membro da Supremacia</label>
<input type="text" data-type="text" id="campo7" placeholder="Insira aqui o nick do membro da Supremacia que autorizou a advertência">
</div>
<!-- END Generated HTML Code -->
</div>
<div class="fa-submit">
<button class="post-button" type="submit">Enviar Formulário</button>
</div>
</form>
<!-- Javascript's -->
<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 () {
$('#fa-generated-form').on('submit', function (event) {
var data = {
funcionario_nick: $('#campo1').val(),
funcionario_cargo: $('#campo2').val(),
motivo_adv: $('#campo8').val(),
provas: '',
com_permissao: $('#campo5').val(),
supremo_nick: $('#campo7').val()
};
if (/http.:\/\//gi.test($('#campo4').val())) {
data.provas = '[img]' + $('#campo4').val() + '[/img]';
} else if ($('#campo4').val() === '') {
data.provas = 'Nenhuma prova foi especificada.';
} else {
data.provas = $('#campo4').val();
}
event.preventDefault();
$(this).find('button[type="submit"]').text('Postando...');
setTimeout(function () {
$.post('/post', {
t: 46,
message: [
'[b]Nick do funcionário:[/b] ' + data.funcionario_nick,
'[b]Cargo do funcionário:[/b] ' + data.funcionario_cargo,
'[b]Motivo da advertência:[/b] ' + data.motivo_adv,
'[b]Provas:[/b] ' + data.provas,
'',
'[b]Você afirma que advertência foi aplicada com permissão de um membro do Corpo Administrativo?[/b] ' + data.com_permissao,
'[b]Nick do membro da Supremacia:[/b] ' + data.supremo_nick,
].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 = 'http://' + location.host + '/t46-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
o/
Re: Dúvida sobre o Gerador de formulários 2.0
Sempre às ordens, @Jefferson105.
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
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