Dúvida sobre formulário de postagem
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 • Compartilhe
Dúvida sobre formulário de postagem
Galera, por gentileza, gostaria que alguém me ajudasse com um erro, esse formulário é um antigo da forumeiros que editei, nesse caso estou tendo um problema na hora de enviar, pois ele não está inserindo o título do tópico, está vazio. Já analise esse código diversas vezes e não achei nada, agradeço-lhes se puderem me ajudar.
- Código:
<script src="http://forum-script.googlecode.com/files/VarGET.js"></script>
<script>
html_tpl = "<b>Título da Sugestão:</b><br>$2 <br><br><b>Descrição da Sugestão:</b><br>$3<br><br>";
bbcode_tpl = "[b]Título da Sugestão:[/b]\n$2 \n\n[b]Descrição da Sugestão:[/b]\n$3";
$(document).ready(function(){
$('#bt-selec-sugestao').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selec-sugestao, #titulo-sugestao, #desc-sugestao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#titulo-sugestao').val()!=='' || $('#desc-sugestao').val()!== ''){
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo-sugestao'));
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo-sugestao').click(function() {
if($('#titulo-sugestao').val()=='Coloque aqui um título descritivo sobre a sua sugestão'){
$('#titulo-sugestao').val('');
}
});
$('#titulo-sugestao').blur(function() {
if($('#titulo-sugestao').val()==''){
$('#titulo-sugestao').val('Coloque aqui um título descritivo sobre a sua sugestão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selec-sugestao').val(VarGET('f'));
}
});
</script> <style type="text/css">
body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body p {
font-size: 10px;
}
#form-submit .corners-top span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit .corners-top span {
font-size: 10px;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-size: 10px;
}
</style>
<form id="form-submit" method="post" action="/post">
<div class="panel" style="display:none;" id="erro">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
</center><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post row2" id="pr-questao" style="display:none;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="postbody">
<div class="h3">
Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da sugestão</a>]
</div>
<div class="content" id="html-questao">
</div>
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
<hr id="pr-questao" style="display:none;" />
<p class="corners-top">
<span>
</span>
</p>
<div align="center">
<a target="_blank" href="http://www.brasilplayforever.com"><img style="width: 200px; height: 48px;" border="0" alt="" src="http://www.brasilplayforever.com.br/minibannerpararetorno.png" /></a>
</div>
<div style="margin-top: 7px;" class="h3">
DICAS E SUGESTÕES (SERVIDOR E FÓRUM)
</div>
<fieldset> </fieldset>
<p>
Este formulário está dividido no tipo de sugestão que você está propondo ao nosso servidor, então escolha a opção com cuidado, dependendo de cada tipo ó tópico será redirecionado a área correta.
</p><fieldset></fieldset>
<p>
Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário.
</p><fieldset></fieldset>
<div class="panel" id="form-part1">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" class="h3">
Tipo de sugestão:
</div>
<fieldset class="fields1"> <dl><dt> <label>Tipo de sugestão:</label></dt><dd><select tabindex="1" id="bt-selec-sugestao">
<option value=""></option>
<option value="140">Sugestão para o GameMode</option>
<option value="141">Sugestão para as Regras do Servidor e fórum:</option>
<option value="142">Sugestão para a estrutura organizacional do servidor (Orgs, Gangues, RPG em si)</option>
<option value="151">Sugestão para o fórum do servidor</option>
</select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height: 6px;" class="clear">
</div>
<div style="display:none;" id="form-part2" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px;" class="h3">
Sobre a sugestão
</div>
<fieldset class="fields1">
<dl><dt><dl><dt>
<label>Título da Sugestão:</label></dt>
<dd><input style="clear: both; width: 400px;" class="inputbox" value="" id="titulo-sugestao" /> </dd></dl>
</dl>
<dl><dt>
<label>Descrição da Sugestão:</label></dt>
<dd><textarea style="clear: both; height: 100px; width: 500px;" tabindex="14" class="inputbox" id="desc-sugestao"></textarea>
</dd></dl>
</dd></dl>
</fieldset>
<input name="message" type="hidden" />
<!--<input type="hidden" value="" name="subject" /> -->
<input value="newtopic" name="mode" type="hidden" />
<input name="f" type="hidden" />
<input value="0" name="lt" type="hidden" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="panel" style="display:none;" id="bts">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" />
<input name="post" class="button1" type="button" value="Enviar sugestão" id="bt-enviar" />
<input class="button1" type="button" value="Apagar tudo" id="bt-apagar" />
<input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
<div class="panel" style="display:none;" id="enviado">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<img title="enviado..." alt="carregando" src="http://2img.net/i/fa/admin/wait_preview.gif" /><br /><span class="conteudo_texto">Enviado...</span>
</center>
</div>
</div>
Re: Dúvida sobre formulário de postagem
UP! Para alguém me ajudar, caso possam!
Re: Dúvida sobre formulário de postagem
Olá,
Tente trocar por esse:
o/
Tente trocar por esse:
- Código:
<script src="http://forum-script.googlecode.com/files/VarGET.js"></script>
<script>
html_tpl = "<b>Título da Sugestão:</b><br>$2 <br><br><b>Descrição da Sugestão:</b><br>$3<br><br>";
bbcode_tpl = "[b]Título da Sugestão:[/b]\n$2 \n\n[b]Descrição da Sugestão:[/b]\n$3";
$(document).ready(function(){
$('#bt-selec-sugestao').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selec-sugestao, #titulo-sugestao, #desc-sugestao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#titulo-sugestao').val()!=='' || $('#desc-sugestao').val()!== ''){
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo-sugestao').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo-sugestao').click(function() {
if($('#titulo-sugestao').val()=='Coloque aqui um título descritivo sobre a sua sugestão'){
$('#titulo-sugestao').val('');
}
});
$('#titulo-sugestao').blur(function() {
if($('#titulo-sugestao').val()==''){
$('#titulo-sugestao').val('Coloque aqui um título descritivo sobre a sua sugestão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selec-sugestao').val(VarGET('f'));
}
});
</script> <style type="text/css">
body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body p {
font-size: 10px;
}
#form-submit .corners-top span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit .corners-top span {
font-size: 10px;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-size: 10px;
}
</style>
<form id="form-submit" method="post" action="/post">
<div class="panel" style="display:none;" id="erro">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
</center><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post row2" id="pr-questao" style="display:none;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="postbody">
<div class="h3">
Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da sugestão</a>]
</div>
<div class="content" id="html-questao">
</div>
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
<hr id="pr-questao" style="display:none;" />
<p class="corners-top">
<span>
</span>
</p>
<div align="center">
<a target="_blank" href="http://www.brasilplayforever.com"><img style="width: 200px; height: 48px;" border="0" alt="" src="http://www.brasilplayforever.com.br/minibannerpararetorno.png" /></a>
</div>
<div style="margin-top: 7px;" class="h3">
DICAS E SUGESTÕES (SERVIDOR E FÓRUM)
</div>
<fieldset> </fieldset>
<p>
Este formulário está dividido no tipo de sugestão que você está propondo ao nosso servidor, então escolha a opção com cuidado, dependendo de cada tipo ó tópico será redirecionado a área correta.
</p><fieldset></fieldset>
<p>
Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário.
</p><fieldset></fieldset>
<div class="panel" id="form-part1">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" class="h3">
Tipo de sugestão:
</div>
<fieldset class="fields1"> <dl><dt> <label>Tipo de sugestão:</label></dt><dd><select tabindex="1" id="bt-selec-sugestao">
<option value=""></option>
<option value="140">Sugestão para o GameMode</option>
<option value="141">Sugestão para as Regras do Servidor e fórum:</option>
<option value="142">Sugestão para a estrutura organizacional do servidor (Orgs, Gangues, RPG em si)</option>
<option value="151">Sugestão para o fórum do servidor</option>
</select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height: 6px;" class="clear">
</div>
<div style="display:none;" id="form-part2" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px;" class="h3">
Sobre a sugestão
</div>
<fieldset class="fields1">
<dl><dt><dl><dt>
<label>Título da Sugestão:</label></dt>
<dd><input style="clear: both; width: 400px;" class="inputbox" value="" id="titulo-sugestao" /> </dd></dl>
</dl>
<dl><dt>
<label>Descrição da Sugestão:</label></dt>
<dd><textarea style="clear: both; height: 100px; width: 500px;" tabindex="14" class="inputbox" id="desc-sugestao"></textarea>
</dd></dl>
</dd></dl>
</fieldset>
<input name="message" type="hidden" />
<!--<input type="hidden" value="" name="subject" /> -->
<input value="newtopic" name="mode" type="hidden" />
<input name="f" type="hidden" />
<input value="0" name="lt" type="hidden" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="panel" style="display:none;" id="bts">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" />
<input name="post" class="button1" type="button" value="Enviar sugestão" id="bt-enviar" />
<input class="button1" type="button" value="Apagar tudo" id="bt-apagar" />
<input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
<div class="panel" style="display:none;" id="enviado">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<img title="enviado..." alt="carregando" src="http://2img.net/i/fa/admin/wait_preview.gif" /><br /><span class="conteudo_texto">Enviado...</span>
</center>
</div>
</div>
o/
Re: Dúvida sobre formulário de postagem
Kyo Panda escreveu:Olá,
Tente trocar por esse:
- Código:
<script src="http://forum-script.googlecode.com/files/VarGET.js"></script>
<script>
html_tpl = "<b>Título da Sugestão:</b><br>$2 <br><br><b>Descrição da Sugestão:</b><br>$3<br><br>";
bbcode_tpl = "[b]Título da Sugestão:[/b]\n$2 \n\n[b]Descrição da Sugestão:[/b]\n$3";
$(document).ready(function(){
$('#bt-selec-sugestao').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selec-sugestao, #titulo-sugestao, #desc-sugestao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#titulo-sugestao').val()!=='' || $('#desc-sugestao').val()!== ''){
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo-sugestao').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo-sugestao').click(function() {
if($('#titulo-sugestao').val()=='Coloque aqui um título descritivo sobre a sua sugestão'){
$('#titulo-sugestao').val('');
}
});
$('#titulo-sugestao').blur(function() {
if($('#titulo-sugestao').val()==''){
$('#titulo-sugestao').val('Coloque aqui um título descritivo sobre a sua sugestão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selec-sugestao').val(VarGET('f'));
}
});
</script> <style type="text/css">
body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body p {
font-size: 10px;
}
#form-submit .corners-top span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit .corners-top span {
font-size: 10px;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-size: 10px;
}
</style>
<form id="form-submit" method="post" action="/post">
<div class="panel" style="display:none;" id="erro">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
</center><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post row2" id="pr-questao" style="display:none;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="postbody">
<div class="h3">
Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da sugestão</a>]
</div>
<div class="content" id="html-questao">
</div>
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
<hr id="pr-questao" style="display:none;" />
<p class="corners-top">
<span>
</span>
</p>
<div align="center">
<a target="_blank" href="http://www.brasilplayforever.com"><img style="width: 200px; height: 48px;" border="0" alt="" src="http://www.brasilplayforever.com.br/minibannerpararetorno.png" /></a>
</div>
<div style="margin-top: 7px;" class="h3">
DICAS E SUGESTÕES (SERVIDOR E FÓRUM)
</div>
<fieldset> </fieldset>
<p>
Este formulário está dividido no tipo de sugestão que você está propondo ao nosso servidor, então escolha a opção com cuidado, dependendo de cada tipo ó tópico será redirecionado a área correta.
</p><fieldset></fieldset>
<p>
Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário.
</p><fieldset></fieldset>
<div class="panel" id="form-part1">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" class="h3">
Tipo de sugestão:
</div>
<fieldset class="fields1"> <dl><dt> <label>Tipo de sugestão:</label></dt><dd><select tabindex="1" id="bt-selec-sugestao">
<option value=""></option>
<option value="140">Sugestão para o GameMode</option>
<option value="141">Sugestão para as Regras do Servidor e fórum:</option>
<option value="142">Sugestão para a estrutura organizacional do servidor (Orgs, Gangues, RPG em si)</option>
<option value="151">Sugestão para o fórum do servidor</option>
</select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height: 6px;" class="clear">
</div>
<div style="display:none;" id="form-part2" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px;" class="h3">
Sobre a sugestão
</div>
<fieldset class="fields1">
<dl><dt><dl><dt>
<label>Título da Sugestão:</label></dt>
<dd><input style="clear: both; width: 400px;" class="inputbox" value="" id="titulo-sugestao" /> </dd></dl>
</dl>
<dl><dt>
<label>Descrição da Sugestão:</label></dt>
<dd><textarea style="clear: both; height: 100px; width: 500px;" tabindex="14" class="inputbox" id="desc-sugestao"></textarea>
</dd></dl>
</dd></dl>
</fieldset>
<input name="message" type="hidden" />
<!--<input type="hidden" value="" name="subject" /> -->
<input value="newtopic" name="mode" type="hidden" />
<input name="f" type="hidden" />
<input value="0" name="lt" type="hidden" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="panel" style="display:none;" id="bts">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" />
<input name="post" class="button1" type="button" value="Enviar sugestão" id="bt-enviar" />
<input class="button1" type="button" value="Apagar tudo" id="bt-apagar" />
<input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
<div class="panel" style="display:none;" id="enviado">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<img title="enviado..." alt="carregando" src="http://2img.net/i/fa/admin/wait_preview.gif" /><br /><span class="conteudo_texto">Enviado...</span>
</center>
</div>
</div>
o/
Olá Kyo, infelizmente não funcionou, está com o mesmo erro!
Re: Dúvida sobre formulário de postagem
Mais uma vez:
- Código:
<script src="http://forum-script.googlecode.com/files/VarGET.js"></script>
<script>
html_tpl = "<b>Título da Sugestão:</b><br>$2 <br><br><b>Descrição da Sugestão:</b><br>$3<br><br>";
bbcode_tpl = "[b]Título da Sugestão:[/b]\n$2 \n\n[b]Descrição da Sugestão:[/b]\n$3";
$(document).ready(function(){
$('#bt-selec-sugestao').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selec-sugestao, #titulo-sugestao, #desc-sugestao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#titulo-sugestao').val()!=='' || $('#desc-sugestao').val()!== ''){
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo-sugestao').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo-sugestao').click(function() {
if($('#titulo-sugestao').val()=='Coloque aqui um título descritivo sobre a sua sugestão'){
$('#titulo-sugestao').val('');
}
});
$('#titulo-sugestao').blur(function() {
if($('#titulo-sugestao').val()==''){
$('#titulo-sugestao').val('Coloque aqui um título descritivo sobre a sua sugestão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selec-sugestao').val(VarGET('f'));
}
});
</script> <style type="text/css">
body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body p {
font-size: 10px;
}
#form-submit .corners-top span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit .corners-top span {
font-size: 10px;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-size: 10px;
}
</style>
<form id="form-submit" method="post" action="/post">
<div class="panel" style="display:none;" id="erro">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
</center><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post row2" id="pr-questao" style="display:none;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="postbody">
<div class="h3">
Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da sugestão</a>]
</div>
<div class="content" id="html-questao">
</div>
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
<hr id="pr-questao" style="display:none;" />
<p class="corners-top">
<span>
</span>
</p>
<div align="center">
<a target="_blank" href="http://www.brasilplayforever.com"><img style="width: 200px; height: 48px;" border="0" alt="" src="http://www.brasilplayforever.com.br/minibannerpararetorno.png" /></a>
</div>
<div style="margin-top: 7px;" class="h3">
DICAS E SUGESTÕES (SERVIDOR E FÓRUM)
</div>
<fieldset> </fieldset>
<p>
Este formulário está dividido no tipo de sugestão que você está propondo ao nosso servidor, então escolha a opção com cuidado, dependendo de cada tipo ó tópico será redirecionado a área correta.
</p><fieldset></fieldset>
<p>
Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário.
</p><fieldset></fieldset>
<div class="panel" id="form-part1">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" class="h3">
Tipo de sugestão:
</div>
<fieldset class="fields1"> <dl><dt> <label>Tipo de sugestão:</label></dt><dd><select tabindex="1" id="bt-selec-sugestao">
<option value=""></option>
<option value="140">Sugestão para o GameMode</option>
<option value="141">Sugestão para as Regras do Servidor e fórum:</option>
<option value="142">Sugestão para a estrutura organizacional do servidor (Orgs, Gangues, RPG em si)</option>
<option value="151">Sugestão para o fórum do servidor</option>
</select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height: 6px;" class="clear">
</div>
<div style="display:none;" id="form-part2" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px;" class="h3">
Sobre a sugestão
</div>
<fieldset class="fields1">
<dl><dt><dl><dt>
<label>Título da Sugestão:</label></dt>
<dd><input style="clear: both; width: 400px;" class="inputbox" value="" id="titulo-sugestao" /> </dd></dl>
</dl>
<dl><dt>
<label>Descrição da Sugestão:</label></dt>
<dd><textarea style="clear: both; height: 100px; width: 500px;" tabindex="14" class="inputbox" id="desc-sugestao"></textarea>
</dd></dl>
</dd></dl>
</fieldset>
<input name="message" type="hidden" />
<input type="hidden" value="" name="subject" />
<input value="newtopic" name="mode" type="hidden" />
<input name="f" type="hidden" />
<input value="0" name="lt" type="hidden" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="panel" style="display:none;" id="bts">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" />
<input name="post" class="button1" type="button" value="Enviar sugestão" id="bt-enviar" />
<input class="button1" type="button" value="Apagar tudo" id="bt-apagar" />
<input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
<div class="panel" style="display:none;" id="enviado">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<img title="enviado..." alt="carregando" src="http://2img.net/i/fa/admin/wait_preview.gif" /><br /><span class="conteudo_texto">Enviado...</span>
</center>
</div>
</div>
Re: Dúvida sobre formulário de postagem
Kyo Panda escreveu:Mais uma vez:
- Código:
<script src="http://forum-script.googlecode.com/files/VarGET.js"></script>
<script>
html_tpl = "<b>Título da Sugestão:</b><br>$2 <br><br><b>Descrição da Sugestão:</b><br>$3<br><br>";
bbcode_tpl = "[b]Título da Sugestão:[/b]\n$2 \n\n[b]Descrição da Sugestão:[/b]\n$3";
$(document).ready(function(){
$('#bt-selec-sugestao').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selec-sugestao, #titulo-sugestao, #desc-sugestao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#titulo-sugestao').val()!=='' || $('#desc-sugestao').val()!== ''){
tpl = tpl.replace("$1", $('#bt-selec-sugestao').val());
tpl = tpl.replace("$2", $('#titulo-sugestao').val());
tpl = tpl.replace("$3", $('#desc-sugestao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo-sugestao').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo-sugestao').click(function() {
if($('#titulo-sugestao').val()=='Coloque aqui um título descritivo sobre a sua sugestão'){
$('#titulo-sugestao').val('');
}
});
$('#titulo-sugestao').blur(function() {
if($('#titulo-sugestao').val()==''){
$('#titulo-sugestao').val('Coloque aqui um título descritivo sobre a sua sugestão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selec-sugestao').val(VarGET('f'));
}
});
</script> <style type="text/css">
body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body p {
font-size: 10px;
}
#form-submit .corners-top span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit .corners-top span {
font-size: 10px;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form-submit #form-part1 .inner .fields1 dl dd option {
font-size: 10px;
}
</style>
<form id="form-submit" method="post" action="/post">
<div class="panel" style="display:none;" id="erro">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
</center><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="post row2" id="pr-questao" style="display:none;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="postbody">
<div class="h3">
Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da sugestão</a>]
</div>
<div class="content" id="html-questao">
</div>
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
<hr id="pr-questao" style="display:none;" />
<p class="corners-top">
<span>
</span>
</p>
<div align="center">
<a target="_blank" href="http://www.brasilplayforever.com"><img style="width: 200px; height: 48px;" border="0" alt="" src="http://www.brasilplayforever.com.br/minibannerpararetorno.png" /></a>
</div>
<div style="margin-top: 7px;" class="h3">
DICAS E SUGESTÕES (SERVIDOR E FÓRUM)
</div>
<fieldset> </fieldset>
<p>
Este formulário está dividido no tipo de sugestão que você está propondo ao nosso servidor, então escolha a opção com cuidado, dependendo de cada tipo ó tópico será redirecionado a área correta.
</p><fieldset></fieldset>
<p>
Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário.
</p><fieldset></fieldset>
<div class="panel" id="form-part1">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" class="h3">
Tipo de sugestão:
</div>
<fieldset class="fields1"> <dl><dt> <label>Tipo de sugestão:</label></dt><dd><select tabindex="1" id="bt-selec-sugestao">
<option value=""></option>
<option value="140">Sugestão para o GameMode</option>
<option value="141">Sugestão para as Regras do Servidor e fórum:</option>
<option value="142">Sugestão para a estrutura organizacional do servidor (Orgs, Gangues, RPG em si)</option>
<option value="151">Sugestão para o fórum do servidor</option>
</select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height: 6px;" class="clear">
</div>
<div style="display:none;" id="form-part2" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="margin-top: 7px;" class="h3">
Sobre a sugestão
</div>
<fieldset class="fields1">
<dl><dt><dl><dt>
<label>Título da Sugestão:</label></dt>
<dd><input style="clear: both; width: 400px;" class="inputbox" value="" id="titulo-sugestao" /> </dd></dl>
</dl>
<dl><dt>
<label>Descrição da Sugestão:</label></dt>
<dd><textarea style="clear: both; height: 100px; width: 500px;" tabindex="14" class="inputbox" id="desc-sugestao"></textarea>
</dd></dl>
</dd></dl>
</fieldset>
<input name="message" type="hidden" />
<input type="hidden" value="" name="subject" />
<input value="newtopic" name="mode" type="hidden" />
<input name="f" type="hidden" />
<input value="0" name="lt" type="hidden" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="panel" style="display:none;" id="bts">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" />
<input name="post" class="button1" type="button" value="Enviar sugestão" id="bt-enviar" />
<input class="button1" type="button" value="Apagar tudo" id="bt-apagar" />
<input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
<div class="panel" style="display:none;" id="enviado">
<div class="inner">
<span class="corners-top"><span></span></span>
<center>
<img title="enviado..." alt="carregando" src="http://2img.net/i/fa/admin/wait_preview.gif" /><br /><span class="conteudo_texto">Enviado...</span>
</center>
</div>
</div>
Ótimo mesmo Kyo, muito obrigado pela força, até
Re: Dúvida sobre formulário de postagem
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". |
Tópicos semelhantes
» Formulário de postagem
» Formulário de postagem
» Formulário de Postagem
» Formulario de postagem
» Formulário de postagem
» Formulário de postagem
» Formulário de Postagem
» Formulario de postagem
» Formulário de postagem
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