Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
1054
Assunto : ASP.NET
Titulo: Destacando Caixas com Foco

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Um efeito interessante e que pode auxilar os procedimentos de entrada de dados é criar um destaque para a caixa que estiver com o foco em um formulário. Isso é simples de fazer com JQuery :

<script language="javascript" type="text/javascript">

$(document).ready(function () {
$('input[type="text"]').focus(function () {
$(this).addClass("comfoco");
})
.blur(function () {
$(this).removeClass("comfoco");
});
})
</script>

Neste exemplo definimos funções para o evento focus e o evento blur de cada caixa de texto. As funções adicionam uma classe CSS quando a caixa ganha o foco e retiram a classe CSS quando a caixa perde o foco.

Você pode utilizar toda sua imaginação para definir a classe “comfoco”, embelezando desta forma o formulário. Para deixar o exemplo funcional, eis um pequeno exemplo :

.comfoco
{
background-color :Yellow;
}


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 4/1/2017 3:50:00 PM
nome: WWIaklQlkErFFtuhq
email: jimos4581rt1@hotmail.com
comentário:
PPUcie http://www.LnAJ7K8QSpkiStk3sLL0hQP6MO2wQ8gO.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br