4

<style>
input {
height: 18px;
}
.submit-buttons{
float: left;
}
</style> <script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script>
    html_tpl = "<b>Nome do fórum:</b> $1 <br><br><b>Endereço do fórum:</b> $2<br><br><b>Data de criação do fórum:</b> $3 <br><br><b>O fórum já foi avaliado anteriormente? Se já, quando?</b> $4 <br><br><b>Comentários adicionais:</b> $5<br><br>";
    bbcode_tpl = "[b]Nome do fórum:[/b] $1 \n\n[b]Endereço do fórum:[/b] $2 \n\n[b]Data de criação do fórum:[/b] $3\n\n[b]O fórum já foi avaliado anteriormente? Se já, quando?[/b] $4\n\n[b]Comentários adicionais:[/b] $5";
    $(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("$1", $('#tituloforum').val());
          tpl = tpl.replace("$2", $('#endereco').val());
          tpl = tpl.replace("$3", $('#idade').val());
          tpl = tpl.replace("$4", $('#avaliacao').val());
          tpl = tpl.replace("$5", $('#comentario').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($('#tituloforum').val()!=='' && $('#endereco').val()!=='' && $('#avaliacao').val()!=='' && $('#idade').val()!=='' && $('#comentario').val()!==''){
            tpl = tpl.replace("$1", $('#tituloforum').val());
            tpl = tpl.replace("$2", $('#endereco').val());
            tpl = tpl.replace("$3", $('#idade').val());
            tpl = tpl.replace("$4", $('#avaliacao').val());
            tpl = tpl.replace("$5", $('#comentario').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#tituloforum').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;
      });
      $('#tituloforum').click(function() {
          if($('#tituloforum').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#tituloforum').val('');
          }
      });
      jQuery('#tituloforum').keyup(function(){
          var t=document.getElementById('tituloforum').value.length;
          var i=document.getElementById('identifytitle');
          if(t<10&&t>0){
            var l=t-10;i.innerHTML='O nome do fórum necessita mais '+l*-1+' caracteres'
          }
          else{
            i.innerHTML=''
          }
      });
      var e='#endereco';
      var v='#validardominio'
      jQuery(e).after(' <div id=validardominio style=display:inline></div>')
      jQuery(e).keyup(function(){
          var u=jQuery(e).val();
          m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
          if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
      });
      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"><strong>Você deve preencher todos os campos</strong></span>
			</center><span class="corners-bottom"><span></span></span>
		</div>

	</div><br />
	<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 class="panel" id="form-part2" style="">

		<div class="inner">
			 <span class="corners-top"><span></span></span>
			<div class="h3" style="margin-top: 7px;">
				 <strong>Formulário de análise</strong>
			</div>
			 <fieldset class="fields1"> <dl><dt></dt> <label></label>Nome do fórum: <dd><input type="text" id="tituloforum" value="" class="inputbox" style="clear: both; width: 510px;" /> </dd></dl></fieldset>
			<div id="identifytitle" style="display: inline;">

			</div><fieldset class="fields1"><dl></dl><dd></dd> <dl></dl><dt></dt> <label></label>Endereço do fórum: <dd></dd><input type="text" id="endereco" value="" class="inputbox" style="clear: both; width: 510px;" /> <dl><dt></dt> <label></label>Data de criação do fórum: <dd><input type="text" id="idade" value="" class="inputbox" style="clear: both; width:74px;line-height: 18px;padding-left: 4px;" maxlength="10" /></dd></dl></fieldset>
			<div style="display: inline;">
				 DD/MM/AAAA
			</div><fieldset class="fields1"><dl><dd> </dd></dl><dl><dt> <label>Foi avaliado anteriormente? Se foi, quando?</label></dt> <dd><input type="text" id="avaliacao" value="" class="inputbox" style="clear: both; width:510px;line-height: 18px;" /> </dd></dl><dl><dt> <label>Comentários adicionais:</label></dt> <dd><textarea id="comentario" class="inputbox" tabindex="14" style="clear: both; height: 100px; width:510px;"></textarea> </dd></dl> </fieldset> <input type="hidden" name="subject" /> <input type="hidden" name="message" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="f" value="50" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span>
		</div>

	</div>
	 <br />
	<div id="bts" style="" 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>
 <br />
<div id="enviado" style="display:none;" class="panel">

	<div class="inner">
		 <span class="corners-top"><span></span></span>
		<center>
			 <img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviando..." /><br /><span class="conteudo_texto">enviando...</span>
		</center><span class="corners-bottom"><span></span></span>
	</div>
</div>