Compartilhar

• 

Tags

javascriptjQuerymascara de dinheiromascara de moedas

Web 2.0 está aí, exigindo cada vez mais interatividade dos sites com os usuários.

Como conseguir isso?

Um dos modos, é utilizando javascript, o que pode não ser tão fácil assim.

Por isso, existem bibliotecas gratuitas com MooTools, Dojo, Script.aculo.us e Prototype, que simplificam o desenvolvimento de aplicações web.

Entre elas, está jQuery, com vasta documentação e constante atualização.

Mas… Por que utilizar jQuery?

Porque ela pode reduzir o tempo de criação, por exemplo, de efeitos visuais em uma página html.

Como o próprio slogan diz: ” Escreva menos, faça mais” (Write less, do more).

É possível criar animações com pouquíssimas linhas de código javascript, ao invés de utilizar flash ou outros recursos.

Quer um exemplo? Que tal brincar um pouco com o efeito drag ‘n drop (arrastar e soltar) nessa página?

http://jqueryui.com/demos/droppable/#photo-manager

Outro fator importante é a grande compatibilidade entre navegadores.

Você não precisa se preocupar com a criação de funções específicas para cada um; a biblioteca já compatibiliza o código para você.

É possível utilizar requisições ajax de maneira muito fácil.

Gostou? Quer uma dica?

O jQuery tornou-se popular pelos inúmeros plugins disponíveis na internet. Esses plugins permitem criar novas funções com base nessa biblioteca.

A dica de hoje é o plugin para criação de máscara para moeda em campos html, ou seja, esse campo exibirá as casas decimais na digitação, por exemplo, do preço de um produto.

Recomendo o plugin MaskMoney.

Qual a diferença dos demais?

Ele permite a edição do campo sem a necessidade de apagar o valor completamente.

Muitas das máscaras disponíveis apresentam um bug quanto a isso.

É possível também customizar a máscara, para exibição de mais de duas casas após a vírgula com apenas uma linha de código.

Simples, não?

Mas cuidado na criação de código jQuery. Lembrem-se sempre de que o código é executado no navegador do cliente, então, se o código não for muito grande, pode travar o programa.

Fica a dica sobre alta performace com essa biblioteca:

http://geeklove.com.br/2009/11/09/escrevendo-jquery-de-alta-performace/