Melhorando visualização de tabelas com JQuery


Neste post mostrarei como melhorar a visualização de dados em tabelas utilizando scripts JQuery. O que facilita muito a leitura de dados contidos em tabelas com muito conteúdo  mantendo uma cor mais clara nas linhas impares da tabela, e uma cor mais escura nas linhas pares.

Hoje a implementação desta tecnica geralmente é feita de duas formas. A primeira e provavelmente mais usada é através de uma classe CSS que diferencia a cor de fundo dos elementos <tr> das tabelas. A outra é alternando na “mão”  a propriedade bgcolor tambem das <tr>. Os dois casos implicam em adicionar atributos em todo o código na mão. E se um campo novo tiver que entrar no meio de um formulario o programador tera que alterar toda a ordem da alternancia.

No WebForms do ASP.NET este trabalho gera repetição de código devido a necessidade de se utilizar as tags<itemtemplate> e <alternateitemtemplate> apenas para a configuração da alternancia de cores.

No entanto o JQuery possui dois seletores que podem facilitar muito este trabalho. Os filtros de seleção even permite que apenas os elementos pares do seletor sejam selecionados, ao passo que o filtro de seleção odd permite que apenas os elementos impares do seletor sejam selecionados. Segue um exemplo para melhor ilustrar a utilização destes seletores:

Continue lendo “Melhorando visualização de tabelas com JQuery”

Utilizando o seletor each do JQuery para percorrer elementos


 

Neste post  irei demonstrar como pesquisar de forma dinâmica todos os elementos que você desejar utilizando o framework do JQuery,  o que faz você economizar algumas linhas de código caso utilize o javascript puro.

Como exemplo irei criar uma página em HTML que utilizará jquery para percorrer todos os elementos DOM (Document Object Model) e alterar a cor de todas as divs do documento após o evento click do botão.. Vamos por a mão na massa (melhor dizendo, no teclado).

Continue lendo “Utilizando o seletor each do JQuery para percorrer elementos”

Introdução ao JQuery


Neste post irei  mostrar um pouco dos recursos que o JQuery, poderá trazer de interatividade nos seus websites.

O JQuery é uma biblioteca Javascript que foi desenvolvida para simplificar os scripts que rodam no lado cliente que interagem com o HTML, essa simplificação é muito grande se comparado ao Javascript propriamente dito.

Para aqueles que já possuiram algum contato com a linguagem de scripts Javascript, a curva de aprendizado é bem tranquila, pois a sintaxe é a mesma, o que muda é a implementação de novas funções que visam facilitar a escrita e leitura do código para uma possível manutenção ou reaproveitamento;

Continue lendo “Introdução ao JQuery”