Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais
JQuery #2 : Destacando caixas com foco
Data:6/30/2010

Translate this page now :





Categories: ASP.NET , JQuery

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :
Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon

Veja Também


 

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");
                   });
                })
            

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;
}


Categories: ASP.NET , JQuery


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
Nenhum comentário foi realizado ainda. Seja o primeiro !
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