implementare :focus si IE

[awd]

ho trovato questo script che consente di fare funzionare il focus ache se IE

window.onload=function(){
if(document.getElementsByTagName)
Focus();
}

function Focus(){
var inp=document.getElementsByTagName("input");
for(i=0;i<inp.length;i++){
inp[i].onfocus=function(){this.style.backgroundColor="#F FC"};
inp[i].onblur=function(){this.style.backgroundColor="#FF F"};
}
}

io però vorrei avere l'effetto non sullo sfondo ma sul colore dei bordi, però non mi accetta "border-color"
in un altro thread ho visto usare delle classi, come posso fare?

[awd]

Nessuno? una aiutino? la telefonata a casa? :rollo:

[andrea.paiola]

quello è javascript quindi non ti so aiutare... sei sicuro che sei nella sezione giusta?

[awd]

beh tratta di una pseudoclasse, quindi css, anche se il metodo è in js!
semmai mi faccio spostare!

[andrea.paiola]

prova a chiedere a pierofix che di javascript ne capisce più di me...

[themiccio]

Originariamente inviato da awd
ho trovato questo script che consente di fare funzionare il focus ache se IE

window.onload=function(){
if(document.getElementsByTagName)
Focus();
}

function Focus(){
var inp=document.getElementsByTagName("input");
for(i=0;i<inp.length;i++){
inp[i].onfocus=function(){this.style.backgroundColor="#F FC"};
inp[i].onblur=function(){this.style.backgroundColor="#FF F"};
}
}

io però vorrei avere l'effetto non sullo sfondo ma sul colore dei bordi, però non mi accetta "border-color"
in un altro thread ho visto usare delle classi, come posso fare?

Prova con .borderColor

Zao

[andrea.paiola]

così?

window.onload=function(){
if(document.getElementsByTagName)
Focus();
}

function Focus(){
var inp=document.getElementsByTagName("input");
for(i=0;i<inp.length;i++){
inp[i].onfocus=function(){this.style.borderColor="#FFC"};
inp[i].onblur=function(){this.style.borderColor="#FFF"};
}
}

vedi se funziona...

[awd]

Originariamente inviato da themiccio
Prova con .borderColor

Zao

VVoVe: ma ma eppure avevo già provato e non andava... forse non avevo messo la C maiuscola :master:
grazie ora funziona!!

e se oltre all'input volessi includere anche textarea?

[awd]

ho creato una seconda variabile e fatto un altro ciclo for, è giusto?

window.onload=function(){ 
if(document.getElementsByTagName) 
Focus(); 
} 

function Focus(){ 
var inp=document.getElementsByTagName("input");
var inp2=document.getElementsByTagName("textarea");
for(i=0;i<inp.length;i++){ 
inp[i].onfocus=function(){this.style.borderColor="#333"}; 
inp[i].onblur=function(){this.style.borderColor="#999"}; 
}
for(i=0;i<inp2.length;i++){ 
inp2[i].onfocus=function(){this.style.borderColor="#333"}; 
inp2[i].onblur=function(){this.style.borderColor="#999"}; 
}
}

cmq funziona. magari però c'è un modo per compattarlo

[themiccio]

Originariamente inviato da awd
VVoVe: ma ma eppure avevo già provato e non andava... forse non avevo messo la C maiuscola :master:
grazie ora funziona!!

e se oltre all'input volessi includere anche textarea?

Si anch'io con javascript diverse volte rimango bloccato sulle maiuscole-minuscole... non mi chiedere perchè, ma è così! Io una volta sono stato un giorno itero su uno script... e alla fine bastava scrivere la proprietà zIndex con la I grande!!!

dimmi te...