Duda en "deselección"

[jeybi]

Bien, primero limpiemos el codigo, no pongas tantos eventos y acciones directamente en los inputs, deja que una funcion lo haga todo.

Supongo que tienes una clase de tipo:

.inputss{
border:medium groove #808080;
}

Quita todo los eventos que tienes en los inputs, dejalo asi:

onFocus = "borde(this,event)" onBlur="borde(this,event);"

Esto lo que hara sera llamar a la funcion "borde" con 2 parametros, this y event. this se refiere al objeto que realizo la llamada, entonces enves de usar borde('FromName') y borde('sbj') usamos this. Event, se refiere al evento (onfocus o onblur) y tambien se lo pasamos a la funcion para decidir que hacer.

La funcion queda asi:

function borde(input,evento){
var evento = window.event || evento; //Compatibilidad con IE
if(evento.type == 'focus')
input.style.border = "thin solid red";
if(evento.type == 'blur')
input.style.border = "medium groove #808080";
}

Tambien puedes crear otra regla css que sea:

.inputssHover{
border:thin solid red;
}

y hacer la funcion asi:

function borde(input,evento){
var evento = window.event || evento; //Compatibilidad con IE
if(evento.type == 'focus')
input.className = "inputssHover";
if(evento.type == 'blur')
input.className = "inputss";
}