Configurar o formulário de postagens

Código:

<script>
    html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos informações extras (se necessário):</b><br>$3 <br><br>";
    bbcode_tpl = "[b]Qual é sua questão:[/b]\n$1 \n\n[b]Que medidas você tomou para corrigir o problema:[/b]\n$2\n\n[b] Apresente-nos informações extras (se necessário) [/b]\n$3\n\n[b]Modelo / Marca, do aparelho:[/b]\n$4\n\n[b]Tipo de Aparelho[/b]\n$5";
    $(document).ready(function(){
      $('#bt-selecciona-forum').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-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo, #endereco, #versao').val('');
          $('#form-part2, #bts').slideUp(300);
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$1", $('#text-questao').val());
          tpl = tpl.replace("$2", $('#text-corrigir').val());
          tpl = tpl.replace("$3", $('#text-imgs').val());
          tpl = tpl.replace("$4", $('#endereco').val());
          tpl = tpl.replace("$5", $('#versao').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($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
            tpl = tpl.replace("$1", $('#text-questao').val());
            tpl = tpl.replace("$2", $('#text-corrigir').val());
            tpl = tpl.replace("$3", $('#text-imgs').val());
            tpl = tpl.replace("$4", $('#endereco').val());
            tpl = tpl.replace("$5", $('#versao').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#titulo').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').click(function() {
          if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#titulo').val('');
          }
      });
      $('#titulo').blur(function() {
          if($('#titulo').val()==''){
            $('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
          }
      });
      if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
      }
    });
    </script>

    <form action="/post" method="post" id="form-submit">

    <div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">



    <div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>

    <fieldset>
   
   
    <p>  <center><b>Preencha corretamente os campos para que os demais usuários possam de ajudar facilmente!</b></center>
    </fieldset>

    <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
 
   
    <fieldset class="fields1">
   
    <dl><dt>
    <label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />

    <option value=""></option>
    <option value="6">Tenho dúvidas quanto o reparo de um aparelho</option>
    <option value="22">Tenho dúvidas quanto a peça a utilizar </option>
    <option value="25">Problema diverso, não se encaixa nas opções acima</option>
 
 </select></dd></dl>
   
    </fieldset>
    <span class="corners-bottom"><span></span></span></div></div>

    <div class="clear" style="height: 6px;"></div>
    <div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
    <div class="h3" style="margin-top: 7px;">Sua Questão</div>
   
    <fieldset class="fields1">

    <dl><dt>
    <label>Titulo:</label></dt>
    <dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
    </dd></dl>

    <dl><dt>
    <label>Modelo / Chassis do aparelho</label></dt>
    <dd><input id="endereco" value="" class="inputbox" style="clear: both; width: 400px;" />

    </dd></dl>
 
<dl><dt> <label>Tipo de aparelho</label></dt>
    <dd><select tabindex="1"  id="versao" />
        <option value="Rádio">Rádio</option>
        <option value="Televisão">Televisão</option>
        <option value="Portáteis">Portáteis</option>

        <option value="Outros">Outros</option>
    </select></dd>
</dl>

    <dl><dt>
    <label>Qual é sua questão:</label></dt>
    <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>

    <dl><dt>
    <label>Que medidas você tomou para corrigir o defeito?</label></dt>
    <dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>
   
    <dl><dt>
    <label>Apresente-nos informações extras (se necessário):</label></dt>
    <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

    </dd></dl>
   
    </fieldset>
   
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="newtopic">
    <input type="hidden" name="f">
    <input type="hidden" name="lt" value="0">
   
   
    <span class="corners-bottom"><span></span></span></div></div>

   
    <div  id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>

    <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button"  class="button1" />
    <input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
    <span class="corners-bottom"><span></span></span></div></div>
    </form>

    <div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviado..." />
<span class="conteudo_texto">enviado...</span></center><span class="corners-bottom"><span></span></span></div>

Alisson3456 escreveu:Como assim link da pagina do fórmulario?

Código:

jQuery(document).ready(function() {
jQuery('a[href^="/post?f=15&mode=newtopic"]').attr('href', '/h1-');
});

<script src=h1-></script><script src=h3-></script>

Alisson3456 escreveu:Olá! o que quis dizer com isso? Obs: Lembre-se que os códigos js também devem ser introduzidos em uma página HTML.
Atenciosamente!

<script>
html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos informações extras (se necessário):</b><br>$3 <br><br>";
bbcode_tpl = "Qual é sua questão:\n$1 \n\nQue medidas você tomou para corrigir o problema:\n$2\n\n Apresente-nos informações extras (se necessário) \n$3\n\nModelo / Marca, do aparelho:\n$4\n\nTipo de Aparelho\n$5";
$(document).ready(function(){
$('#bt-selecciona-forum').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-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo, #endereco, #versao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').val());
tpl = tpl.replace("$4", $('#endereco').val());
tpl = tpl.replace("$5", $('#versao').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($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').val());
tpl = tpl.replace("$4", $('#endereco').val());
tpl = tpl.replace("$5", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').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').click(function() {
if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
$('#titulo').val('');
}
});
$('#titulo').blur(function() {
if($('#titulo').val()==''){
$('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selecciona-forum').val(VarGET('f'));
}
});
</script>

<form action="/post" method="post" id="form-submit">

<div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>

<div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">



<div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>

<fieldset>


<p> <center><b>Preencha corretamente os campos para que os demais usuários possam de ajudar facilmente!</b></center>
</fieldset>

<div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>


<fieldset class="fields1">

<dl><dt>
<label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />

<option value=""></option>
<option value="6">Tenho dúvidas quanto o reparo de um aparelho</option>
<option value="22">Tenho dúvidas quanto a peça a utilizar </option>
<option value="25">Problema diverso, não se encaixa nas opções acima</option>

</select></dd></dl>

</fieldset>
<span class="corners-bottom"><span></span></span></div></div>

<div class="clear" style="height: 6px;"></div>
<div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Sua Questão</div>

<fieldset class="fields1">

<dl><dt>
<label>Titulo:</label></dt>
<dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
</dd></dl>

<dl><dt>
<label>Modelo / Chassis do aparelho</label></dt>
<dd><input id="endereco" value="" class="inputbox" style="clear: both; width: 400px;" />

</dd></dl>

<dl><dt> <label>Tipo de aparelho</label></dt>
<dd><select tabindex="1" id="versao" />
<option value="Rádio">Rádio</option>
<option value="Televisão">Televisão</option>
<option value="Portáteis">Portáteis</option>

<option value="Outros">Outros</option>
</select></dd>
</dl>

<dl><dt>
<label>Qual é sua questão:</label></dt>
<dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>

<dl><dt>
<label>Que medidas você tomou para corrigir o defeito?</label></dt>
<dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>

<dl><dt>
<label>Apresente-nos informações extras (se necessário):</label></dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

</dd></dl>

</fieldset>

<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f">
<input type="hidden" name="lt" value="0">


<span class="corners-bottom"><span></span></span></div></div>


<div id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>

<fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1" />
<input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>

<div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="https://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviado..." />
<span class="conteudo_texto">enviado...</span></center><span class="corners-bottom"><span></span></span></div>

Alisson3456 escreveu:o que devo fazer neste "6"?

Código:

<script>
html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos informações extras (se necessário):</b><br>$3 <br><br>";
bbcode_tpl = "Qual é sua questão:\n$1 \n\nQue medidas você tomou para corrigir o problema:\n$2\n\n Apresente-nos informações extras (se necessário) \n$3\n\nModelo / Marca, do aparelho:\n$4\n\nTipo de Aparelho\n$5";
$(document).ready(function(){
$('#bt-selecciona-forum').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-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo, #endereco, #versao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').val());
tpl = tpl.replace("$4", $('#endereco').val());
tpl = tpl.replace("$5", $('#versao').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($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').val());
tpl = tpl.replace("$4", $('#endereco').val());
tpl = tpl.replace("$5", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').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').click(function() {
if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
$('#titulo').val('');
}
});
$('#titulo').blur(function() {
if($('#titulo').val()==''){
$('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selecciona-forum').val(VarGET('f'));
}
});
</script>

<form action="/post" method="post" id="form-submit">

<div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>

<div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">



<div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>

<fieldset>


<p> <center><b>Preencha corretamente os campos para que os demais usuários possam de ajudar facilmente!</b></center>
</fieldset>

<div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>


<fieldset class="fields1">

<dl><dt>
<label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />

<option value=""></option>
<option value="15">Tenho dúvidas quanto o reparo de um aparelho</option>
<option value="15">Tenho dúvidas quanto a peça a utilizar </option>
<option value="15">Problema diverso, não se encaixa nas opções acima</option>

</select></dd></dl>

</fieldset>
<span class="corners-bottom"><span></span></span></div></div>

<div class="clear" style="height: 6px;"></div>
<div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Sua Questão</div>

<fieldset class="fields1">

<dl><dt>
<label>Titulo:</label></dt>
<dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
</dd></dl>

<dl><dt>
<label>Modelo / Chassis do aparelho</label></dt>
<dd><input id="endereco" value="" class="inputbox" style="clear: both; width: 400px;" />

</dd></dl>

<dl><dt> <label>Tipo de aparelho</label></dt>
<dd><select tabindex="1" id="versao" />
<option value="Rádio">Rádio</option>
<option value="Televisão">Televisão</option>
<option value="Portáteis">Portáteis</option>

<option value="Outros">Outros</option>
</select></dd>
</dl>

<dl><dt>
<label>Qual é sua questão:</label></dt>
<dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>

<dl><dt>
<label>Que medidas você tomou para corrigir o defeito?</label></dt>
<dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>

<dl><dt>
<label>Apresente-nos informações extras (se necessário):</label></dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

</dd></dl>

</fieldset>

<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f">
<input type="hidden" name="lt" value="0">


<span class="corners-bottom"><span></span></span></div></div>


<div id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>

<fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1" />
<input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>

<div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviado..." />
<span class="conteudo_texto">enviado...</span></center><span class="corners-bottom"><span></span></span></div>