Bem vindo!

ao blog Willem Allan

Field Selected

Resolvi desenvolver este plugin para jquery para facilitar na hora de desenvolver meus sites. Este plugin muda a cor do campo que o usuário está, destacando e facilitando o usuário.

1) Incluir os arquivos do jquery e do plugin:

<script src=”jquery.js”></script>
<script src=”fieldSelected.js”></script>

2) Agora para funcionar coloque o código abaixo:

<script type=”text/javascript”>

$("input, textarea").fieldSelected();

</script>

3) Este é o css que utilizei você pode alterar como quiser:

  .fieldDefault{
    border: 1px solid #333333;
    background-color: #999999;
  }
  .fieldSelected{
    border: 1px solid #FFCC00;
    background-color: #FFFFFF;
  }

4) Aqui vai os campos que eu criei para testar, escolhi uma class de css que eu criei:

<input class=”fieldDefault” name=”teste1″ type=”text” />
<input class=”fieldDefault” name=”teste2″ type=”text” />
<textarea class=”fieldDefault”></textarea>

Demo