[Formulário] Inscrição para a Equipe.

Qual é minha questão:
Quero um formulário de inscrição para a equipe, seguem as opções.

Título do tópico depois de enviado terá de ter a tag [Inscrição para a equipe] antes e logo depois o nick do usuário que enviou o formulário, ex: [Inscrição para Equipe] Dreams'

Opções do formulário - Nome; Sobrenome; Cargo desejado (Opções: Administrador, Helper, Design); Conhecimentos; Porque deseja ser da equipe;

Opções: ENVIAR | PRE-VISUALIZAR.

Grato desde já ^^

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

Versão:
PunBB

Olá, minha proposta

Código:

<div id="container"><div id="content" style="margin-right: 0px;"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>
.submit-buttons{
float: left;
}
.inner dl {
border-bottom: 1px solid #F7F7F7;
}
.inner dl {
padding: 11px 13px;
}
.inner dt {
display: block;
float: left;
font-weight: 700;
text-align: right;
width: 16em;
}
dd.frm-input input {width: 82%;}
dd.frm-input, textarea.inputbox {margin-left: 17em;}
</style>
<script>
    html_tpl = "<b>Nome:</b> $0 <br><br><b>Idade:</b> $1 <br><br><b>Cargo que desejo:</b> $2<br><br><b>Quero entrar na equipe para:</b> $3 <br><br>";
    bbcode_tpl = "[b]Nome:[/b] $0\n\n[b]Idade:[/b] $1\n\n[b]Cargo que desejo:[/b] $2 \n\n[b]Quero entrar na equipe para:[/b] $3 ";
    $(document).ready(function(){
      $('#bt-apagar').click(function() {
          $('#form-submit input[type="text"],#form-submit textarea').val('');
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$0", $('#nome').val());
          tpl = tpl.replace("$1", $('#idade').val());
          tpl = tpl.replace("$2", $('#cargo').val());
          tpl = tpl.replace("$3", $('#desc').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($('#nome').val()!=='' && $('#idade').val()!=='' && $('#cargo').val()!=='' && $('#desc').val()!==''){
            tpl = tpl.replace("$0", $('#nome').val());
            tpl = tpl.replace("$1", $('#idade').val());
            tpl = tpl.replace("$2", $('#cargo').val());
            tpl = tpl.replace("$3", $('#desc').val());
            $('input[name="message"]').val(tpl);
            $('#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;
      });
      jQuery('#desc').keyup(function(){
          var t=document.getElementById('desc').value.length;
          var i=document.getElementById('identifydesc');
          if(t<30&&t>0){
            var l=t-30;i.innerHTML='Este campo necessita mais '+l*-1+' caracteres, mínimo de 30 caracteres'
          }
          else{
            i.innerHTML=''
          }
      });
    });
    </script>
    <form action="/post" method="post" id="form-submit">

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

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><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></div></div><hr style="display:none;" id="pr-questao">

 <br>
<div>
<div class="panel">
  <div class="inner">
        <div class="h3" style="margin-top: 7px;">Leia antes de fazer sua inscrição.</div>
        <br>
        <p>Você deve seguir a padronização obrigatória abaixo para postar.
<br><br>
</p>
       
  </div>
</div>
    <div class="panel" id="form-part2" style=""><div class="inner">
    <div class="h3" style="margin-top: 7px;">Formulário de postagem</div>
   
 <br>    <fieldset class="fields1">
<dl><dt>
    <label>Nome:</label></dt>
    <dd class="frm-input"><input type="text" id="nome" class="inputbox"> <div id="nome" style="display:inline"></div>
    </dd></dl>
    <dl><dt>
    <label>Idade:</label></dt>
    <dd class="frm-input"><input type="text" id="idade" style="width: 50px;" class="inputbox"> <div id="years" style="display:inline"></div>
    </dd></dl>
<dl><dt>
    <label>Cargo que desejo:</label></dt>
    <dd class="frm-input">
<select id="cargo">
<option value="Administrador">Administrador</option>
<option value="Helper">Helper</option>
<option value="Design">Design</option>
</select>
    </dd></dl>


    <dl><dt>
    <label>Por que deseja o cargo?:</label></dt>
    <dd><textarea id="desc" class="inputbox" style="clear: both; height: 100px; width: 750px;" maxlength="450"></textarea> <div id="identifydesc" style="display:inline"></div>
    </dd></dl>
   
   
   
   
    </fieldset>
   
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="reply">
    <input type="hidden" name="t" value="2617">
   
   
  </div></div><div id="sthd" style="margin:0px"></div>

    <br>
    <div id="bts" style="" class="panel"><div class="inner">
    <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></div></div>
   
</div></form>
<br>
    <div id="enviado" style="display:none;" class="panel"><div class="inner"><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..."><br><span class="conteudo_texto">enviando...</span></center></div></div></div></div></div></div>

Até mais!

Olá,

muito obrigado, até mesmo por sua disponibilidade em criar o formulário. Obrigado também ao Davinatsu pela atenção...

Cordialmente,
Inspirage.

Resolvido?

Sim amigo, pedido atendido ;D

Inspirage escreveu:Sim amigo, pedido atendido ;D

Boas meu caro pode me dizer onde se aplica esse código?

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