Ver Mensaje Individual
  #4 (permalink)  
Antiguo 24/03/2010, 11:46
Avatar de Kaze71
Kaze71
 
Fecha de Ingreso: enero-2010
Mensajes: 44
Antigüedad: 14 años, 3 meses
Puntos: 4
Respuesta: Mostrar contraseña checkbox e input type password

Hey boss, ya que respondiste no sería SPAM que lo pusiera en otro nuevo mensaje xD. Descubrí un método sencillo para hacerlo funcionar de un modo fluído:

Código:
// Javascript

function hacerClick(e)
{
    if(e.target.type.toLowerCase()!="checkbox")
    {
        return;
    }
    id = e.target.id.substr(5);
    checkbox = document.getElementById("check"+id);
    passField = document.getElementById("password"+id);
    if(checkbox.checked===true){
        passField.type = "password";
    }
    else
    {
        passField.type = "text";
    }
}
document.body.onmousedown = hacerClick;
Así cuando hagas click en el body pues se ejecuta la función hacerClick(), en la cual e.target sería el elemento en el que se hizo click. Si el tipo de elemento no es checkbox (type="checkbox") detiene la ejecución del código, de lo contrario sigue ejecutándose. La variable e.target pillaría como valor el elemento en el que haces click, y el resto supongo que te lo imaginas.

Así sólamente deberías ponerle a las checkbox id="check#" y a los campos de password id="password#", sustituyendo en ambos casos el # por un número. Si decides cambiarle la id a la checkbox, deberías prestar atención al substr.

Saludos;

Última edición por Kaze71; 24/03/2010 a las 11:52