Categoria: 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

Detectar faces em imagens usando jquery e facedetection

Olá pessoal. Tudo bem com vocês?

No post de hoje ensinar para vocês uma técnica bem legal para fazer o reconhecimento de faces em imagens utilizando jquery e o plugin facedetection. Para os dinossauros que usaram o orkut sabem bem do que estou falando. A rede social disponibilizava (não sei se ainda disponibiliza) nas fotos dos usuários a possibilidade de marcar as pessoas fotografadas de acordo com o reconhecimento facial.

Bom. Então vamos lá. Mãos à massa!

Continue lendo

Zoom de imagens com JQzoom

Hoje vou mostrar para vocês como implementar um mecanismo de zoom de imagens utilizando JQuery com o plugin JQzoom. Essa técnica consiste em passar o mouse sobre uma determinada área da imagem e ao lado aparecer um zoom instantâneo da seleção. Isso é bastante utilizado em sites de e-commerce, pois assim é possível verificar cada detalhe de um produto.

Antes de começar, é importante que façamos o download dos arquivos do plugin e que organizemos os nossos arquivos e diretórios.

Continue lendo

Preenchimento automático do endereço a partir do CEP

Olá pessoal. Nesse post vou mostrar para vocês como criar uma funcionalidade para um formulário de cadastro onde o usuário informa o CEP do seu endereço e os campos rua, bairro, cidade e estado são preenchidos automaticamente.

Essa técnica é bastante utilizada hoje em dia em diversos sites da web e traz ótimos resultados uma vez que você garante a integridade e padronização das informações que estão sendo salvas, além de facilitar bastante a vida do usuário.

Continue lendo

Upload de arquivos com jquery e barra de progresso

Fala galera, tudo bem? No post de hoje veremos uma forma bem legal de colocar um simpático formulário de upload de arquivos com barra de progresso utilizando AJAX(JQuery).

Para acompanhar o post, recomendo a leitura desse post, que é onde abordo uma função php para fazer o upload de arquivos de forma segura e simples. É essa função que utilizarei no exemplo de hoje.

Continue lendo