formulario de comentarios

adalton

O que acontece hoje em dia em muitos sites é o seguinte

Apenas o textarea fica ativo. Quando o usuario clica para digitar aparece mais os campos de nome, email etc. Assim fica muito bom, mas a escolha é sua. Se tratando de wordpress faça o seguinte:

Supondo que voce tenha o formulario pronto e estilizado com css, inclua a biblioteca jquery no seu portal. No script jquery coloque os campos para nao exibir quando o documento for carregado e evento de click no textarea para exibi-los. se gostou da ideia responda que eu escrevo um exemplo, caso nao saiba.

adalton

Primeiramente voce deve importar a biblioteca jquery para o seu site: coloque o seguinte codigo dentro das tags head

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js" ></script>

Com a biblioteca importada vá ate ao arquivos de estilos e adicione aos elementos de formulários com exceção do textarea a propiedade ‘display:none’. Apos, insira o código abaixo junto com o script acima, insira o código abaixo adaptando para a sua situação:

<script type="text/javascript" >
$(document).ready(function(){
     $('textarea').click(function(){
	 $('#nome').show('slow');
         $('#email').show('slow');
	 $('#website').show('slow');
      });
});
</script>

Para que não fique estranho seria legal que o textarea ficasse na parte de cima de todos os outros campos para que ele não desça quando os outros aparecerem.

As cerquilhas correspondem aos ids dos elementos. Verifique como estão no seu código e adapte.

Esse script vai junto com o script de importacao da biblioteca jquery. voce pode colocar na linha de baixo, mas dentro das tags head ou header se esta usando html5.

Fazendo isto voce esta obedecendo aos padroes de desenvolvimento web.

So nao esquece de trocar os ids dos campos nome, email, website se for necessario.

o erro pode estar nesse exemplo de estrutura

$(‘#ID-DO-CAMPO).show(‘slow’);

Veja qual é o ID do campo, se nao existir crie um
No exemplo acima eu coloquei o que poderia ser, mas depende de cada template

E querendo facilitar tudo voce pode colocar uma div agrupando os campos com excessao do textarea e exibir a div que automaticamente contem todos os campos. Ve ae, a lógica é a mesma

Também fica legal separa os comentários e o form da área do post usando abas (jquery).