.:: Carlos Alberto Junior - Tecnologia e Informação ::.

Todos os artigos desta categoria são voltados para a linguagem Javascript, dentre as quais, serão abordados temas diversos como funções utilitárias, frameworks Javascript/AJAX como JQuery, Prototype JS e Mootools, além de diversos outros assuntos voltados a programação Javascript.

Entendendo o seletor por atributos múltiplos do jQuery

Bom dia a todos,

No meu ponto de vista o seletor mais confuso para se entender da biblioteca jQuery são os seletores por atributos múltiplos, logo porque na documentação de referência não tem muitos exemplos para "ilustrar" o modo de uso e também que não existem muitas pessoas que usam ele. É um seletor muito ágil, porque evita de você ter que implementar lógica com ifs e switchs no seu código Javascript para fazer alguma coisa, ou seja você dispara um seletor e faz alguma coisa, sem ter intermédios.

Última atualização em Qua, 01 de Setembro de 2010 14:08

Redimensionador de texto com JQuery

Bom dia a todos,

Hoje vou apresentar a vocês algo que vem sendo muito utilizado na WEB que é o recurso de modificar o tamanho do texto da página. Este recurso permite uma maior acessibilidade nas páginas porque permite ao usuário adequar o tamanho do texto ao seu gosto/necessidade.

Existem hoje diversas soluções, desde as em Flash como em Javascript, também já temos diversos CMS´s que estão trazendo nativamente este recurso, como o Drupal e o Joomla!.

Vou mostrar uma implementação simples de como podemos fazer um script para redimensionar o texto utilizando os recursos e efeitos da biblioteca JQuery. Abaixo segue o código da implementação:

 

Última atualização em Dom, 20 de Junho de 2010 14:06

Contornando bloqueio de script JS na resposta do AJAX do jQuery.post()

Bom dia a todos,

O método jQuery.post da biblioteca jQuery é uma das maneiras de se fazer requisições AJAX em uma aplicação WEB, eu particularmente prefiro fazer todas as requisições AJAX para um manager utilizando os parâmetros via POST, por questões de segurança.

O problema que através do método jQuery.post não podemos utilizar no código HTML retornado códigos Javascript, logo porque a própria biblioteca remove estes códigos. Mas se eu precisar, o que eu faço? Tenho que implementar a mão um método para isso ?

Última atualização em Sáb, 19 de Junho de 2010 12:53

Selecionar o primeiro ou último elemento de um combobox

Boa tarde a todos,

Aí vai uma dica legal para os casos em que você precisa selecionar o primeiro ou o último elemento de um combobox (select). Com a biblioteca JQuery podemos selecionar o option diretamente através de um seletor, como no exemplo abaixo:

Última atualização em Qua, 16 de Junho de 2010 19:27

Parse de valores monetários com JQuery

Bom dia a todos,

Para quem necessita fazer parse de valores monetários com a JQuery, eu fiz uma extensão para a biblioteca que permite retornar um valor monetário em um valor FLOAT.

O problema é quando necessitamos verificar algum valor, por exemplo se o valor digitado for maior do que 'R$ 15,00', se o valor no input estiver assim '15,00' ou senão '1.304,56' ele irá comparar como tamanho de strings, assim a sua validação ficará furada.

Última atualização em Seg, 14 de Junho de 2010 14:59

Verificar se um elemento existe com JQuery

Bom dia a todos,

Para verificar se um elemento existe em uma página com JQuery é extremamente simples, novamente através do próprio retorno do seletor podemos saber.

Toda a instrução executada através de um seletor irá retornar um array de objetos tipados, assim podemos invocar a propriedade 'length' do seletor.

Última atualização em Sáb, 05 de Junho de 2010 14:32

Iniciar o LyteBox a partir de um button

Boa noite a todos,

Esses dias atrás precisei usar o LyteBox em uma tela mas não queria que o mesmo fosse iniciado a partir de um link mapeado para o LyteBox, assim resolvi implementar alguma coisa junto com a biblioteca JQuery para inicializar o LyteBox a partir de um BUTTON normal.

Para que funcionasse do jeito que eu queria, dei umas olhadas pelo código fonte do script e acabei fazendo uma 'gambiarra' elegante, ou seja, o LyteBox precisava de um link para ser inicializado normalmente e sem a necessidade de hacks em seu código fonte.

Última atualização em Qua, 02 de Junho de 2010 02:29

Aplicar funções em grupo de elementos pelo JQuery

Boa noite a todos,

Ai vai uma dica que agiliza muito desenvolvimento Javascript com o JQuery. Através dos seletores do JQuery podemos selecionar um objeto único ou então um array de objetos, isto irá variar com o seletor que você está usando e também para a situação que você necessita.

O JQuery permite que você possa chamar uma função diretamente no resultado de um seletor, como no exemplo abaixo:

Última atualização em Qua, 02 de Junho de 2010 02:03

Selecionar todos os campos de um formulário com JQuery

Boa tarde a todos,

Caso você tenha que validar formulários com JQuery e necessite obter um array com todos os campos deste formulário mas não deseja trazer campos como:

  • Inputs reset;
  • Inputs button;
  • Inputs hidden;
  • Inputs disabled ou readonly;
Última atualização em Dom, 18 de Abril de 2010 21:17

Entendendo eventos agrupados com JQuery

Bom dia,

Um recurso muito bacana do JQuery com certeza é maneira fácil de poder agrupar eventos a diversos elementos da página, como por exemplo adicionar algum evento ao clicar em um radio box que está numa lista de radio boxes. Através de uma chamada por seletor é possível adicionar uma função qualquer dentro de um evento ao elemento. No seletor abaixo eu seleciono todos os inputs que sejam do tipo checkbox.

var inputs = $(':input[type=checkbox]');

Este seletor ai me retorna um array do objetos do tipo checkbox para manipulação direta que pode ser iterado através da função each ou por meio de agregação direta.

Última atualização em Qua, 14 de Abril de 2010 13:56

Selecionar elementos que o atributo contenha uma determinada String

Bom dia a todos,

Depois de alguns dias sem postar nada, vou explicar hoje como podemos selecionar elementos de uma página através dos incríveis setores do JQuery.

Última atualização em Seg, 08 de Março de 2010 13:33

Página 1 de 2