Formulario de postagem

• Descrição:

Ola pessoal...

Consegui criar o formulário de postagem especifico a um subfórum, mas não consigo fazer com que ele gere o tópico corretamente...

Deve ser porque não editei corretamente a parte de envio...

Podem, dar uma analisada para mim?

Obrigado!

Código:

<style>
       .previsu {
       background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
       border: 1px solid #1675BC;
       display: none;
       position: absolute;
       top: 350px;
       margin: auto;
       margin-left: 150px !important;
       }
       .previsuimg {
       position: relative;
       }
       .previsuimg div {
       position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
       }


       #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
       #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
       .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
       .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
       .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

       .image { width: 300px; }

       </style>

       <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
       <script>
       function gerartitulo() {
       var tipo = document.getElementById("tipo").value;
       switch(tipo) {
       case '[Doença] ':
       tipob = 'Doença';
       jQuery('input[name="f"]').val('17');
       break;
case '[Tratamento] ':
tipob = 'Tratamento';
 jQuery('input[name="f"]').val('17');
break;      
       }

       jQuery("input[name=subject]").attr('value', tipo+tituloforum);
       jQuery("#titlecode").html(tipo+tituloforum);
       if(tipo == "[Doença] "|| tipo == "[Tratamento] ") {

       jQuery('#size_extra optgroup').css('display','block');
       jQuery('#size_extra optgroup[label!=' + tipob + ']').css('display','none');
       jQuery('#size_extra_span').css('display','block');
       }
       else {
       jQuery('#size_extra_span').css('display','none'); }
       }
       imagensdopedido = '';

       function gerarpedido() {
       gerartitulo();
       var Litragem = document.getElementById("litros").value;
       var cordafonte = document.getElementById("fontecor").value;
       var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
       var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
       var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
       var descricaodopedido = document.getElementById("adicionais").innerHTML;
       var descricaodopedido = document.getElementById("adicionais").value;
       var dimensaoA = document.getElementById("dimensoesA").value;
       var dimensaoL = document.getElementById("dimensoesL").value;

       var dimensaof = (document.getElementById("size_extra").value == '') ? dimensaoL + ' x ' + dimensaoA + ' px' : document.getElementById("size_extra").value;

       var titulo = document.getElementById("tituloforum").value;
       finalmessage = '[b]Endereço do fórum :[/b] [url=+ urlforum + ]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do litros :[/b] #' + Litragem + '\n[b]Cor da fonte :[/b] #' + cordafonte + '\n[b]Fonte :[/b] ' + nomedafonte + '\n[b]Animação :[/b] ' + tipodeanimacao + '\n[b]Moldura :[/b] ' + tipodemoldura + '\n[b]Descrição do trabalho :[/b] ' + descricaodopedido;


       jQuery("input[name=message]").attr('value', finalmessage);
       }

       function outra(id) {
       var inputID = id+"Nome";
       (document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
       document.getElementById(inputID).focus();
       }

       function removeimg(obj) {
       obj.parent().parent().remove();
       update_img();
       }
       function addimg() {
       $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
       $('#addimage').prev().find('.previsualise').hover(
       function () {
       $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
       },
       function () {
       $(this).parent().find('.previsuimg div').css('display','none');
       }
       );
       update_img();
       }
       function update_img() {
       if($('.image').length<2) $('.image .remove').hide();
       else $('.image .remove').show();
       update_img_list();
       }

       function update_img_list() {
       imagensdopedido = '';
       jQuery('input[name=images]').each( function(index) {
       if($(this).val() != '') {
       imagensdopedido = imagensdopedido + $(this).val() + ' ; ';
       }
       });
       gerarpedido();
       }

       gerartitulo();
       gerarpedido();

       </script>
       <h1 class="page-title">Formulário de ajuda com doenças e tratamentos.</h1>
       <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
       <div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
       <p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos de ajuda feito na seção de doenças deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". Caso envie sua mensagem e mesmo assim precise editar, basta editá-la no tópico.

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

       <div class="clear" style="height: 6px;"></div>


       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o Título.</div>

       <form action="/posting.forum" method="post" id="fa_form" name="Pedidos" onSubmit="return ValidarFormulario();" >
       <fieldset class="fields1">

       <dl><dt>
       <label>Prefixo Título:</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" name="prefixotitulo" />
       <option value=""></option>
       <option value="[Doença]- ">Doença</option>
<option value="[Tratamento]- ">Tratamento</option>
             </select></dd></dl>

     <dl><dt>
       <label>Título:</label></dt>
       <dd><br>
       <input class="inputbox" type="text" id="tituloforum" tabindex="2" onChange="gerartitulo();" name="tituloforum" style="width: 600px; clear: both;" />
       </dd></dl>
 </fieldset>
     
       <span class="corners-bottom"><span></span></span></div></div>

       <div class="clear" style="height: 6px;"></div>
       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>

       <div class="h3" style="margin-top: 7px;">Informações gerais</div>

       <fieldset class="fields1">

   
<dl><dt>
       <label>Dimensões:</label></dt>
       <dd> (Comp.) <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 50px; clear: both;" />

       cm x (Larg.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm  x (Alt.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm</dd><dd> <span id="size_extra_span" style="display: none;">
       </dd></dl>


<dl><dt>
       <label>Litragem:</label></dt>

       <dd>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!<br>
       <input class="inputbox" type="text" id="litragem" tabindex="8" onChange="gerarpedido();" style="width: 300px; clear: both;" />
       </dd></dl>

       <dl><dt>
       <label>Filtro(s) :</label></dt>

       <dd>Descreva aqui todos os seus equipamentos de filtragem!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Mídias filtrantes:</label></dt>

       <dd>Descreva aqui todas as suas mídas filtrantes, ex: perlon, cerâmicas, fvms, etc!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Iluminação:</label></dt>

       <dd>Descreva quantidade de lampadas, temperaturade cor e capacidade luminosa em lúmens!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
       </dd></dl>



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

       <div class="clear" style="height: 6px;"></div>
       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
       <div class="h3" style="margin-top: 7px;">Parâmetros da água.</div>

       <fieldset class="fields1">

   
<dl><dt>
       <label>Usa aquecedor :</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('aquecedor'); gerarpedido();" />
       <option value=" "></option>
       <option value="Não">Não</option>
       <option value="">Sim</option>

       </select> <input id="aquecedorNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>

       <dl><dt>
       <label>Temperatura :</label></dt>

       <dd>Indique a temperatura em ºC!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>pH:</label></dt>

       <dd>Descreva aqui a escala numérica do pH!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Amônia:</label></dt>

       <dd>Descreva a quantidade de amônia em ppm<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Nitrito:</label></dt>

       <dd>Descreva a quantidade de nitrito em ppm<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Manutenção (TPAs):</label></dt>

       <dd>Indique além da porcentagem de troca, quantas vezes realiza as TPAs!<br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
       </dd></dl>


       </fieldset>


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

       <div class="clear" style="height: 6px;"></div>
       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
       <div class="h3" style="margin-top: 7px;">Informações específicas.</div>

       <fieldset class="fields1">

<dl><dt>
       <label>Aspecto físico:</label></dt>

       <dd>Descreva como estão as cores, pele/escamas, nadadeiras, etc! <br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Aspecto comportamental:</label></dt>

       <dd>Descreva como está o nado, interação, equilibrio, etc! <br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Aspecto das fezes:</label></dt>

       <dd>Descreva como está a cor, resistência, comprimento, etc! <br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
       </dd></dl>

<dl><dt>
       <label>Alimentação:</label></dt>

       <dd>Descreva quais rações ou comidas da aos seus peixes! <br>
       <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
       </dd></dl>

   
<dl><dt>
       <label>Alimenta-se:</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('Alimenta-se'); gerarpedido();" />
       <option value=" "></option>
       <option value="Não">Não</option>
       <option value="">Sim</option>

       </select> <input id="Alimenta-seNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>      


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

       <div class="clear" style="height: 6px;"></div>
       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
       <div class="h3" style="margin-top: 7px;">Informações específicas</div>

       <fieldset class="fields1">

       <dl><dt>
       <label>Imagens a serem usadas :</label></dt>

       <dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
       <table>
       <tr id="addimage">
       <td class="part"></td>
       <td>
       <div class="more" onClick="addimg()"></div>

       </td>
       </tr>
       </table>


       <script type="text/javascript">addimg()</script>
       </dd></dl>


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

       <div class="clear" style="height: 6px;"></div>
       <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
       <div class="h3" style="margin-top: 7px;">Observações relevantes</div>

       <fieldset class="fields1">

     
             <dl><dt>
       <label>Descreva:</label></dt>

       <dd><textarea class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: both; height: 100px; width: 500px;">Descrava algo que precisamos saber!</textarea></dd></dl>

       </fieldset>

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


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


<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf();" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();" /></form>

• Informações:

Código:

<style>
      .previsu {
      background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
      border: 1px solid #1675BC;
      display: none;
      position: absolute;
      top: 350px;
      margin: auto;
      margin-left: 150px !important;
      }
      .previsuimg {
      position: relative;
      }
      .previsuimg div {
      position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
      }


      #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
      #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
      .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
      .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
      .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

      .image { width: 300px; }

      </style>

      <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
      <script>
      function gerartitulo() {
      var tipo = document.getElementById("tipo").value;
      switch(tipo) {
      case '[Doença] ':
      tipob = 'Doença';
      jQuery('input[name="f"]').val('17');
      break;
case '[Tratamento] ':
tipob = 'Tratamento';
 jQuery('input[name="f"]').val('17');
break;     
      }

      jQuery("input[name=subject]").attr('value', tipo+tituloforum);
      jQuery("#titlecode").html(tipo+tituloforum);
      if(tipo == "[Doença] "|| tipo == "[Tratamento] ") {

      jQuery('#size_extra optgroup').css('display','block');
      jQuery('#size_extra optgroup[label!=' + tipob + ']').css('display','none');
      jQuery('#size_extra_span').css('display','block');
      }
      else {
      jQuery('#size_extra_span').css('display','none'); }
      }
      imagensdopedido = '';

      function gerarpedido() {
      gerartitulo();
      var Litragem = document.getElementById("litros").value;
      var cordafonte = document.getElementById("fontecor").value;
      var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
      var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
      var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
      var descricaodopedido = document.getElementById("adicionais").innerHTML;
      var descricaodopedido = document.getElementById("adicionais").value;
      var dimensaoA = document.getElementById("dimensoesA").value;
      var dimensaoL = document.getElementById("dimensoesL").value;

      var dimensaof = (document.getElementById("size_extra").value == '') ? dimensaoL + ' x ' + dimensaoA + ' px' : document.getElementById("size_extra").value;

      var titulo = document.getElementById("tituloforum").value;
      finalmessage = '[b]Endereço do fórum :[/b] [url=+ urlforum + ]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do litros :[/b] #' + Litragem + '\n[b]Cor da fonte :[/b] #' + cordafonte + '\n[b]Fonte :[/b] ' + nomedafonte + '\n[b]Animação :[/b] ' + tipodeanimacao + '\n[b]Moldura :[/b] ' + tipodemoldura + '\n[b]Descrição do trabalho :[/b] ' + descricaodopedido;


      jQuery("input[name=message]").attr('value', finalmessage);
      }

      function outra(id) {
      var inputID = id+"Nome";
      (document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
      document.getElementById(inputID).focus();
      }

      function removeimg(obj) {
      obj.parent().parent().remove();
      update_img();
      }
      function addimg() {
      $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
      $('#addimage').prev().find('.previsualise').hover(
      function () {
      $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
      },
      function () {
      $(this).parent().find('.previsuimg div').css('display','none');
      }
      );
      update_img();
      }
      function update_img() {
      if($('.image').length<2) $('.image .remove').hide();
      else $('.image .remove').show();
      update_img_list();
      }

      function update_img_list() {
      imagensdopedido = '';
      jQuery('input[name=images]').each( function(index) {
      if($(this).val() != '') {
      imagensdopedido = imagensdopedido + $(this).val() + ' ; ';
      }
      });
      gerarpedido();
      }

      gerartitulo();
      gerarpedido();

      </script>
      <h1 class="page-title">Formulário de ajuda com doenças e tratamentos.</h1>
      <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
      <p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos de ajuda feito na seção de doenças deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". Caso envie sua mensagem e mesmo assim precise editar, basta editá-la no tópico.

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

      <div class="clear" style="height: 6px;"></div>


      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o Título.</div>

      <form action="/posting.forum" method="post" id="fa_form" name="Pedidos" onSubmit="return ValidarFormulario();" >
      <fieldset class="fields1">

      <dl><dt>
      <label>Prefixo Título:</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" name="prefixotitulo" />
      <option value=""></option>
      <option value="[Doença]- ">Doença</option>
<option value="[Tratamento]- ">Tratamento</option>
            </select></dd></dl>

    <dl><dt>
      <label>Título:</label></dt>
      <dd><br>
      <input class="inputbox" type="text" id="tituloforum" tabindex="2" onChange="gerartitulo();" name="tituloforum" style="width: 600px; clear: both;" />
      </dd></dl>
 </fieldset>
     
      <span class="corners-bottom"><span></span></span></div></div>

      <div class="clear" style="height: 6px;"></div>
      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>

      <div class="h3" style="margin-top: 7px;">Informações gerais</div>

      <fieldset class="fields1">

   
<dl><dt>
      <label>Dimensões:</label></dt>
      <dd> (Comp.) <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 50px; clear: both;" />

      cm x (Larg.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm  x (Alt.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm</dd><dd> <span id="size_extra_span" style="display: none;">
      </dd></dl>


<dl><dt>
      <label>Litragem:</label></dt>

      <dd>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!<br>
      <input class="inputbox" type="text" id="litragem" tabindex="8" onChange="gerarpedido();" style="width: 300px; clear: both;" />
      </dd></dl>

      <dl><dt>
      <label>Filtro(s) :</label></dt>

      <dd>Descreva aqui todos os seus equipamentos de filtragem!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Mídias filtrantes:</label></dt>

      <dd>Descreva aqui todas as suas mídas filtrantes, ex: perlon, cerâmicas, fvms, etc!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Iluminação:</label></dt>

      <dd>Descreva quantidade de lampadas, temperaturade cor e capacidade luminosa em lúmens!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
      </dd></dl>



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

      <div class="clear" style="height: 6px;"></div>
      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">Parâmetros da água.</div>

      <fieldset class="fields1">

   
<dl><dt>
      <label>Usa aquecedor :</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('aquecedor'); gerarpedido();" />
      <option value=" "></option>
      <option value="Não">Não</option>
      <option value="">Sim</option>

      </select> <input id="aquecedorNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>

      <dl><dt>
      <label>Temperatura :</label></dt>

      <dd>Indique a temperatura em ºC!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>pH:</label></dt>

      <dd>Descreva aqui a escala numérica do pH!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Amônia:</label></dt>

      <dd>Descreva a quantidade de amônia em ppm<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Nitrito:</label></dt>

      <dd>Descreva a quantidade de nitrito em ppm<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Manutenção (TPAs):</label></dt>

      <dd>Indique além da porcentagem de troca, quantas vezes realiza as TPAs!<br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
      </dd></dl>


      </fieldset>


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

      <div class="clear" style="height: 6px;"></div>
      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">Informações específicas.</div>

      <fieldset class="fields1">

<dl><dt>
      <label>Aspecto físico:</label></dt>

      <dd>Descreva como estão as cores, pele/escamas, nadadeiras, etc! <br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Aspecto comportamental:</label></dt>

      <dd>Descreva como está o nado, interação, equilibrio, etc! <br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Aspecto das fezes:</label></dt>

      <dd>Descreva como está a cor, resistência, comprimento, etc! <br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
      </dd></dl>

<dl><dt>
      <label>Alimentação:</label></dt>

      <dd>Descreva quais rações ou comidas da aos seus peixes! <br>
      <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
      </dd></dl>

   
<dl><dt>
      <label>Alimenta-se:</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('Alimenta-se'); gerarpedido();" />
      <option value=" "></option>
      <option value="Não">Não</option>
      <option value="">Sim</option>

      </select> <input id="Alimenta-seNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>     


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

      <div class="clear" style="height: 6px;"></div>
      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">Informações específicas</div>

      <fieldset class="fields1">

      <dl><dt>
      <label>Imagens a serem usadas :</label></dt>

      <dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
      <table>
      <tr id="addimage">
      <td class="part"></td>
      <td>
      <div class="more" onClick="addimg()"></div>

      </td>
      </tr>
      </table>


      <script type="text/javascript">addimg()</script>
      </dd></dl>


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

      <div class="clear" style="height: 6px;"></div>
      <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">Observações relevantes</div>

      <fieldset class="fields1">

     
            <dl><dt>
      <label>Descreva:</label></dt>

      <dd><textarea class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: both; height: 100px; width: 500px;">Descrava algo que precisamos saber!</textarea></dd></dl>

      </fieldset>

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


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


<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" /></form>

Código:

<script>
function gerarf(){
jQuery('input[name="message"]').val('<br/>[b]Dimensões do aquário:[/b]  '+jQuery('#4').val()+'\n \n[b]Litragem:[/b]  '+jQuery('#5').val()+'\n \n[b]Filtro(s):[/b]  '+jQuery('#6').val()+'\n <br>[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'\n <br>[b]Iluminação:[/b] '+jQuery('#8').val()+'\n <br>[b]Usa aquecedor:[/b] '+jQuery('#9').val()+'\n <br>[b]Temperatura da água:[/b] '+jQuery('#10').val()+'\n <br>[b]pH:[/b] '+jQuery('#11').val()+'\n <br>[b]Amônia:[/b] '+jQuery('#12').val()+'\n <br>[b]Nitrito:[/b] '+jQuery('#13').val()+'\n <br>[b]Manutenção (TPAs):[/b] '+jQuery('#14').val()+'\n  <br>[b]* Fauna:[/b] '+jQuery('#15').val()+'\n <br>[b]* Flora:[/b] '+jQuery('#16').val()+'\n <br>[b]Aspecto físico:[/b] '+jQuery('#17').val()+'\n <br>[b]Aspecto comportamental:[/b] '+jQuery('#18').val()+'\n <br>[b]Aspecto das fezes:[/b] '+jQuery('#19').val()+'\n <br>[b]Alimentação:[/b] '+jQuery('#20').val()+'\n <br>[b]O peixe esta se alimentando? [/b] '+jQuery('#21').val()+'\n <br>[b]Imagens a serem usadas:[/b] <br /><br /><font color="#6B238E"> Imagem 1:</font> <br /><br />'+jQuery('#22').val()+'\n <br><font color="#6B238E"> Imagem 2: </font><br /><br />'+jQuery('#23').val()+'\n <br> <font color="#6B238E">Imagem 3: </font><br /><br />'+jQuery('#24').val()+'\n <br>[b]Descrição:[/b] <br /><br />'+jQuery('#25').val()+'\n');


jQuery('input[name="subject"]').val(' '+jQuery('#2').val()+'  '+jQuery('#3').val()+'');
jQuery('input[name="f"]').val('7');
}
</script>
<style>#2.find, #2 {
position: relative !important;
top: -5px !important;
margin-left: 35px !important;
}
.fields1 {
padding: 15px;
padding-top: 5px;
background-color: white;
border: 1x solid #1675BC;
}
input, select {
position: relative;
margin-left: 55px !important;
width: 250px;
}
</style>

<form method="post" action="/post" name="post" enctype="multipart/form-data">

<h1 class="page-title">Formulário de ajuda com doenças e tratamentos.</h1>

         <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">Sobre o formulário</div><br />
        <p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos de ajuda feito na seção de doenças deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.

        </p><span class="corners-bottom"><span></span></span>
        </div>
        </div>
<br>
<div class="fields1">

<div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
              <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;"> Sobre o Título</h3>  <br />

<dl class="campos_form"><dt><span class="1"><label>Prefixo Título:</label></span></dt><br/>
<dd><span class="2" style="floar: right"><select class="find " id="2"><option value="[Doença]">Doença</option><option value="[Tratamento]"> Tratamento</option></select></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>Título:</label>Descreva um título bem descritivo.</span></dt><br/><dd><span class="2"><input class="find input" id="3" type="text"" style="width: 700px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />

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


              <div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>

<h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;"> Informações gerais:</h3>  <br />
          
<dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Comprimento, Largura e Altura.</span></dt><dd><br/><span class="2"><input class="find input" id="4" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Litragem:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br/><dd><span class="2"><input class="find input" id="5" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br/><dd><span class="2"><input class="find input" id="6" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br/><dd><span class="2"><input class="find input" id="7" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantidade de lâmpadas, temperatura de cor e total de watts e capacidade luminosa em lúmens!</span></dt><br/><dd><span class="2"><input class="find input" id="8" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />

   </p><span class="corners-bottom"><span></span></span>
        </div>
        </div>
<div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
<h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;"> Parâmetros da água:</h3>  <br />

<br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor:</label></span></dt><br/><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>

<dl class="campos_form"><dt><span class="1"><label>Temperatura da água (ºC):</label>
    Indique a temperatura em ºC!</span></dt><br/><dd><span class="2"><input class="find input" id="10" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br/><dd><span class="2"><input class="find input" id="11" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br/><dd><span class="2"><input class="find input" id="12" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Nitrito:</label>
    Descreva a quantidade de nitrito em ppm</span></dt><br/><dd><span class="2"><input class="find input" id="13" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>Manutenção (TPAs):</label>Indique além da porcentagem de troca, quantas vezes realiza as Trocas Parciais de água!</span></dt><br/><dd><span class="2"><input class="find input" id="14" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br />  

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

<div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span><h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;"> Informações específicas:</h3>  <br />

<dl class="campos_form"><dt><span class="1"><label>Fauna: </label>Descreva quais peixes possui no aquário. </span></dt><br/><dd><span class="2"><input class="find input" id="15" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl><br />

<dl class="campos_form"><dt><span class="1"><label>Flora: </label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br/><dd><span class="2"><input class="find input" id="16" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl><br/>


<dl class="campos_form"><dt><span class="1"><label>Aspecto físico: </label>Descreva como estão as cores, pele/escamas, nadadeiras, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="17" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>Aspecto comportamental:</label>Descreva como está o nado, interação, equilíbrio, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="18" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>Aspecto das fezes:</label>Descreva como está a cor, resistência, comprimento, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="19" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>Alimentação:</label>Descreva quais rações ou comidas da aos seus peixes! </span></dt><br/><dd><span class="2"><input class="find input" id="20" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>

<br /><dl class="campos_form"><dt><span class="1"><label>O peixe esta se alimentando?</label></span></dt><br/><dd><span class="2"><select class="find " id="21"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl></div><br/>

   </p><span class="corners-bottom"><span></span></span>
        </div>
        </div>
      <div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
<h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">Imagens do peixe:</h3>  <br />


<dl class="campos_form"><dt><span class="1"><label>Imagem 1:</label></span></dt><br/><dd><span class="2"><input class="find input" id="22" type="text"" style="width: 400px; height: 20px; clear: both;"><br/><br/>



<dl class="campos_form"><dt><span class="1"><label>Imagem 2:</label> </span></dt><br/><dd><dd><span class="2"><input class="find input" id="23" type="text"" style="width: 400px; height: 20px; clear: both;"><br/><br/>


<dl class="campos_form"><dt><span class="1"><label>Imagem 3:</label> </span></dt><br/><dd><dd><span class="2"><input class="find input" id="24" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />

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


<div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
<h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;"> Observações relevantes:</h3>  <br />

  
<dl class="campos_form"><dt><span class="1"><label>Descreva algo que possa ajudar no diagnóstico: </label></span></dt><br/><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25"></textarea></span></dd></dl></div><br />

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

<div class="fields1"> <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>

<input type="submit" name="post" onclick="gerarf();" value="Enviar"/>
<input type="submit" name="preview" onclick="gerarf();" value="Pré-visualizar"/>
<input type="hidden" name="message" value="Formulário"/>
<input type="hidden" name="subject" value="Formulário"/>
<input type="hidden" name="mode" value="newtopic"><input type="hidden" name="f" value="1"/>

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

Código:

      <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
               <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
            <script src="http://solkis.comuf.com/projetos/gerador/v2/form_postagens.js"></script>
                <script src="http://solkis.comuf.com/projetos/gerador/v2/fieldlist.js"></script>
                <link rel="stylesheet" href="http://solkis.comuf.com/projetos/gerador/v2/form_default.css" />
          


 <form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="0">


                <input type="hidden" name="f" value="">
                <input type="hidden" name="subject" value="O script não enviou o título" template="">
                <input type="hidden" name="description" value="O script não enviou a descrição" template="">
                <textarea name="message" style="display:none"></textarea>
               
                <textarea id="message-template-bbcode-0" style="display:none"></textarea>
                <input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                <input type="submit" name="post" class="button2" value="Enviar">
           

</form>