Tag: javascript

Como definir EventListener para elementos dinâmicos criados no javascript

O JavaScript possibilita a execução de funções quando ocorre determinado evento dentro do DOM do nosso HTML. Esse evento pode ser um “clique” em determinado elemento (geralmente botão), a seleção de uma “option” dentro de uma combo, ou mesmo o carregamento (load) da página.

Além disso, outro recurso interessante e bastante utilizado no JavaScript é a possibilidade de criação de elementos (inputs, divs, links ou qualquer outro tipo de componente do HTML) de forma dinâmica (também através de eventos).

Continue lendo

Máscara para campos monetários com jquery + maskMoney

Fala pessoal, quanto tempo hein?

Pois é. O tempo anda meio corrido e está me faltando tempo para escrever conteúdo novo aqui no blog. Felizmente hoje consegui uma “brecha” para trazer uma dica super interessante para quem precisa utilizar em sites ou sistemas campos html para valores monetários. É ótimo para quem trabalha com e-commerce, vendas coletivas, sistemas de gestão e etc.

Trata-se do plugin maskMoney.js, baseado em jquery e que ajuda a formatar uma máscara para campos monetários. Vocês verão como é simples utilizar.

Continue lendo

Crie um flip book com jquery

No post de hoje vou mostrar pra vocês um forma bem legal de se criar flip books utilizando jquery e o plugin turn.js. Para quem não sabe, flip book é aquele efeito que simula um livro, revista ou catálogo e no qual é possível ir folheando as páginas de forma bem real.

Ao término desse tutorial teremos criado algo semelhante à esse. (Clique Aqui). E para construirmos nossa revista virtual, devemos baixar o jquery e o turn.js.

Continue lendo

Faça uma galeria de imagens usando JQuery Lightbox Plugin

O post de hoje é sobre um plugin muito legal desenvolvido em javascript (jquery) que tem como objetivo auxiliar a criação de galerias de imagens em marcações HTML.Trata-se do JQuery Lightbox Plugin.

Segundo a própria descrição do site oficial do plugin (http://leandrovieira.com/projects/jquery/lightbox/), o JQuery Lightbox Plugin é simples, elegante, discreto, não necessita marcações extras e é usado para sobrepor imagens na página atual através do poder e flexibilidade do seletor do JQuery. O plugin foi desenvolvido pelo brasileiro Leandro Vieira Pinho(http://leandrovieira.com/) e é bastante utilizado por desenvolvedores do mundo inteiro.

Continue lendo