Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/09/2008, 00:20
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 9 meses
Puntos: 834
Respuesta: Onblur con condiciones - Hiperdificil

No sé si te entendí. Fijate si te sirve:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>test</title>
<
style>
.
rojobackground-color:red}
.
azulbackground-color:blue}
input{font-family:VerdanaArialHelveticasans-seriffont-size:9pxcolor:#FFF }
</style>
<
script>
/*----lib----*/
function $(id){return document.getElementById(id);}
function 
addEvent(objevTypefnuseCapture){
 if (
obj.addEventListener){
    
obj.addEventListener(evTypefnuseCapture);
  } else if (
obj.attachEvent){
      var 
f=function(){
        
fn.call(obj,window.event);
    }
    
obj.attachEvent("on"+evTypef);
  } else {
   
obj['on'+evType]=fn;
  }

/*----lib----*/
function rojo(){
    if(
window.ultimo){
        
window.ultimo.className='rojo';
    }
    
this.className='rojo';
    
window.ultimo=null;
}
function 
azul(){
    
this.className='azul';
    var 
el=document.getElementsByTagName('input');
    for(var 
i=0,l=el.length;i<l;i++){
        if(
el[i]== window.ultimo)
            continue;
        
el[i].className='azul';
    }
    
window.ultimo=this;

}
function 
asignar(){
    var 
el=document.getElementsByTagName('input');
    for(var 
i=0,l=el.length;i<l;i++){
        
addEvent(el[i], 'focus'rojofalse);
        
addEvent(el[i], 'blur'azulfalse);
    }
}
window.onload=asignar;
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <input name="textfield" type="text" class="azul" />
  <input name="textfield2" type="text" class="azul" />
  <input name="textfield3" type="text" class="azul" />
</form>
</body>
</html>