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

Utilizando a função $() com a função each do Prototype

Bom dia a todos,

Duas funções muito bacanas do Prototype JS são as funções $() e each() . Hoje vou explicar uma maneira de utilizadas em conjunto, agilizando o seus códigos javascript com uma considerável redução de código e uma melhora na facilidade no entendimento do código.

Neste exemplo abaixo, vou buscar determinados elementos do tipo INPUT de uma página para realizar algumas modificações nos mesmos.

$('valor_parcela', 'data_vencimento', 'taxa_juros').each ( function (e) {
e.readOnly = true;
e.style.backgroundColor = "#e0e0e0";
});

Neste código acima, eu trouxe os elementos que eu queria através da função $(), como eu passei mais do que um parâmetro para essa função, um Array de objetos $() é retornado automaticamente. Desta forma eu chamei a função diretamente no Array retornado.

O código acima é semelhante ao seguinte código:

var elementos = $('venc_boleto_turma', 'valor_turma');

for (var i=0; i < elementos.length; i++)
{
var e = elementos [i];

e.readOnly = true;
e.style.backgroundColor = "#e0e0e0";
}

Espero que tenham gostado da dica e até a próxima.

Abraços.

Comentarios (0)

RSS feed Comments

Escreva seu Comentario

smaller | bigger

busy