Formulário de respostas

Qual é minha questão:
Olá, eu gostaria de um formulário que poste resposta, eu já vi um que se chamava "o que você está pensando" que foi criado pelo Henrique.

Pois bem, os dados postos no formulário irão ser postados em forma de resposta a um tópico específico (/t2188-)...

Formulário:
Nome completo: (input)
Cidade natal: (input)
Cancelar Enviar

Bem simples '-'

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Saudações!

Seria basicamente isso?

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="/post" id="generated_form" method="post" enctype="multipart/form-data"> 

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

<dl>
                            <dt>Nome completo</dt>
                            <dd><textarea data-type="field" id="field0"></textarea></dd>
                        </dl>

<dl>
                            <dt>Cidade Natal</dt>
                            <dd><textarea data-type="field" id="field1"></textarea></dd>
                        </dl>


         <textarea id="message-template-bbcode-1" style="display:none">[b]Nome Completo:[/b] {field0}

[b]Cidade Natal:[/b] {field1}</textarea>
            <input type="hidden" name="attach_sig" value="">
            <input type="hidden" name="mode" value="reply">
            <input type="hidden" name="t" value="2188">
            <input type="hidden" name="lt" value="146">
            <input type="hidden" name="notify" value="1">
            <input type="submit" name="post" class="button2" value="Enviar">
                                <input type="reset" name="post" class="button3" value="Cancelar">
         
                <textarea name="message" style="display:none"></textarea>
            

</form>


Até mais.

Sim, exatamente isso, mas eu gostaria dos códigos de funcionalidades.
Não se preocupe com os códigos de design, eu só não quero ter códigos hospedados fora do meu fórum.

Saudações!

Aqui está:

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>
list_elements_parse = '';
list_elements_number = '';
mode = 0;

function submit_form() {
   mode = parseInt($('input[name="form_mode"]').val());
   $('*[template]').each(function() {
        formated = $(this).attr('template').replace(/{field([0-9]+)}/gi, function(exp, i) {
         return field_value(i);
      });
      $(this).val(formated);
    });
   $('textarea[name=message]').html($('#message-template-bbcode-' + mode).html().replace(/{field([0-9]+)}/gi, function(exp, i) {
         return field_value(i);
      }));
   
   return true;
}

function field_value(field_id) {
   field = $('#field' + field_id);
   
   if($('#field' + field_id)[0].nodeName == 'DIV') {
      list_elements_parse = '';
      list_elements_number = field.find('input').length;
      field.find('input').each(function(index) {
         separator = (index+1 == list_elements_number) ? '' : field.attr('data-separador');
            list_elements_parse += $(this).val() + separator;
        });
      
      return list_elements_parse;
   }
   else
   {
      return field.val();
   }
}

$(function() {
    $('dl[title]').removeAttr('title');
});</script>
                <script>
// This plugin handles fields list
fieldListHandlers = {};

function fieldList_remove() {
   $(function() {
      div_remove = $(event.target);
      table = div_remove.parent().parent().parent();
      count = (div_remove.parent().parent().parent().children('tr').length-2);
      minimo = $('#' + field_id).attr('data-min');
      maximo = $('#' + field_id).attr('data-max');
      div_remove.parent().parent().remove();
      if(count == minimo){
         $('.remove', table).hide();
      }
      else $('.remove', table).show();
   
      if(count == maximo){
         $('.more', table).hide();
      }
      else $('.more', table).show();
   });
}

function fieldList_add(field_id) {
   $(function() {
      field = $(event.target);
      count = $('#' + field_id).find('table tr').length;
      minimo = $('#' + field_id).attr('data-min');
      maximo = $('#' + field_id).attr('data-max');
      table = field.parent().parent().parent().parent();
      field.parent().parent().before('<tr><td>' + fieldListHandlers[field_id] + '</td><td><div class="remove" onclick="fieldList_remove(\''+$(this).attr('id')+'\', $(this))"></div></td></tr>');
      if(count == minimo){
         $('.remove', table).hide();
      }
      else $('.remove', table).show();
   
      if(count == maximo){
         $('.more', table).hide();
      }
      else $('.more', table).show();
   });
}

// tag prop: min, max
jQuery.fn.fieldList = function(){
    return this.each(function(){
      field_id = $(this).attr('id');
      fieldListHandlers[field_id] = element_handler = $(this).html();
      insert_html = '';
      
      for(i=0; i<$(this).attr('data-min'); i++) {
         insert_html += '<tr><td>' + element_handler + '</td><td><div class="remove" onclick="fieldList_remove()"></div></td></tr>';
      }
      
      // Primeira inicialização
      $(this).html('<table class="field-list">'+insert_html+'<tr><th colspan="2"><div class="more" onclick="fieldList_add(\''+field_id+'\')"></div></th></tr></table>');
      $('#' + $(this).attr('id') + ' .remove').hide();
    });
};

$(function() {
   $('.fields-list').fieldList();
});</script>
<style>
#generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .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;}
#generated_form .image { width: 300px; }

#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}

#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}

#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}

#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}

#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}

#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}

#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}

#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>
           


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

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

<dl>
                            <dt>Nome completo</dt>
                            <dd><textarea data-type="field" id="field0"></textarea></dd>
                        </dl>

<dl>
                            <dt>Cidade Natal</dt>
                            <dd><textarea data-type="field" id="field1"></textarea></dd>
                        </dl>


         <textarea id="message-template-bbcode-1" style="display:none">[b]Nome Completo:[/b] {field0}

[b]Cidade Natal:[/b] {field1}</textarea>
            <input type="hidden" name="attach_sig" value="">
            <input type="hidden" name="mode" value="reply">
            <input type="hidden" name="t" value="2188">
            <input type="hidden" name="lt" value="146">
            <input type="hidden" name="notify" value="1">
            <input type="submit" name="post" class="button2" value="Enviar">
                                <input type="reset" name="post" class="button3" value="Cancelar">
         
                <textarea name="message" style="display:none"></textarea>
            

</form>


Os outros códigos de funcionalidades por serem muito extensos, não decidi colocar-los. Caso queira, basta pegar o código dentro do link indicado neste formulário, e adiciona-lo dentro da tag

Até mais.

Obrigado cara, abração ai!

[sucesso=Tópico Resolvido; e Bloqueado]Membro satisfeito![/sucesso]Movido para: Arquivo - Pedido de código