Olá galera, acho que vocês devem estar pensando que hoje eu me empolguei e to postando todas as minhas classes de JavaScript e nada de php! hehehe não se desesperem eu já venho com as de PHP é por que realmente está me faltando tempo pra postar aqui. mas de agora em diante vou me esforçar ao máximo para que não demore mais para postar aqui.

Bom abaixo está uma classe de acessibilidade que eu fiz para inserir barras “/” automaticamente, quando se preenche um campo com data.

if $(e) {
return document.getElementById(e);
}
// verifica se a classe já está definida se não estiver define
if (acessibility == undefined) var acessibility = {};// função para criar um construtor da classe
acessibility = function() {};

// define a classe
acessibility.prototype = {

// função para inserir barras automaticas em um campo de um formulário do tipo data
formataData: function(campo,e) {
objCampo = $(campo);
qntdCaracters = objCampo.value.length;
objCampo.onkeypress = function(e){
var keynum;
if (window.event) { // para o IE
keynum = window.event.keyCode;
}
else if (e.keyCode) { // Netscape/Firefox/Opera
keynum = e.keyCode;
}
if (keynum == 8 ) {
objCampo.value-1;
} else {
if (qntdCaracters == “2″ || qntdCaracters == “5″) {
objCampo.value += “/”;
}
}
}
}
}

parece até dificil mais a classe é muito fácil de se utilizar, fiquem a vontade para postar dicas ou sugestões. bom então é isso ae… vamos lá. para utilizar a classe de acessibilidade para datas é muito simples. veja abaixo:

1º Passo: instanciar a classe a uma variavel para sua utilização, igual o informado abaixo:
acessibilidade = new acessibility();

2º Passo: você precisa apenas adicionar dentro do seu input a propriedade onkeydown como ta sendo informado abaixo:
onkeydown=“acessibilidade.formataData(’id_do_input’,event)”

bom então é isso ae, espero ter ajudado alguem com essa miniclasse para inserir barras automaticamente. valeu… qualquer duvida wilker@misgood.com