Field Selected
Posted outubro 16th, 2009 by WillemResolvi 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>
<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>
<input class=”fieldDefault” name=”teste2″ type=”text” />
<textarea class=”fieldDefault”></textarea>
Tags: fieldSelected, Jquery, plugin
Leave a Reply