Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Noite galera... :rolleyes:
Eu estava aqui trabalhando num formulário, e pensei.."Putz.. colocar todos esses "onBlur", e "onFocus" em cada um dos inputs, em cada uma das trocentas págnias que tenho um formulário, tá me atrazando..."
Então, aproveitei uma chamada de função que vi num exemplo, e fiz o seguinte:
window.onload=function(){
var cepOrigem = document.getElementById('cepOrigem');
var cepDestino1 = document.getElementById('cepDestino1');
var complemento = document.getElementById('complemento');
cepOrigem.onblur=function() {
mudacor(this,'#FFFFFF');
return false;
};
cepOrigem.onfocus=function() {
mudacor(this,'#FDF3F2');
return false;
};
cepDestino1.onblur=function() {
mudacor(this,'#FFFFFF');
return false;
};
cepDestino1.onfocus=function() {
mudacor(this,'#FDF3F2');
return false;
};
complemento.onblur=function() {
mudacor(this,'#FFFFFF');
return false;
};
complemento.onfocus=function() {
mudacor(this,'#FDF3F2');
return false;
};
};
function mudacor(ref,cor){
ref.style.backgroundColor=cor;
}Enfim, dessa forma, qualquer que seja a minha função, eu não preciso colocar ela no meio do HTML, e consigo deixar o JS totalmente externo. Achei interessante.. mas tenho 15~20 inputs.. e desse jeito eu apenas "reproduziria" o problema..A questão: Alguém tem uma idéia de como "melhorar" o script? Apenas o tornando menor...
sei lá.. varrendo todas as ids do formulário.. reutilizando as funções...
Eu tentei criar uma função com parâmetro para a id do input mas não consegui. Enfim, acho que com esse "conceito", estilizar formulários com JS vai ficar muito mais "bonito", e fácil.
Encontrei funções de onBlur e onFocus melhores.. mas a idéia que procuro é o conceito de como as carregar.
Carregando comentários...