Foros del Web » Programando para Internet » Javascript »

Cómo cambiar type y class de un input onfocus?

Estas en el tema de Cómo cambiar type y class de un input onfocus? en el foro de Javascript en Foros del Web. Hola, que tal? Quería saber como puedo cambiar los atributos type y class a un input en el evento onFocus? Tengo un formulario de login ...
  #1 (permalink)  
Antiguo 01/02/2010, 08:52
Avatar de fakulicious  
Fecha de Ingreso: mayo-2008
Ubicación: Mendoza
Mensajes: 140
Antigüedad: 16 años
Puntos: 2
Pregunta Cómo cambiar type y class de un input onfocus?

Hola, que tal? Quería saber como puedo cambiar los atributos type y class a un input en el evento onFocus?

Tengo un formulario de login con los campos usuario y contraseña, a los cuales les puse de valor inicial 'Usuario' y 'Contraseña' para ahorrarme las etiquetas y hacer el formulario visualmente más simple.

Lo que necesito es hacer que al hacer focus en el campo 'Contraseña' este se convierta de type="text" a type="password" para que la contraseña que el usuario ingresa no se vea.

Así es como tengo el campo actualmente:
Código HTML:
 <input name="password" type="text" id="password" value="Contraseña" /> 
También necesito que al estar onFocus se aplique la clase .inputFocus al campo.

Espero que puedan ayudarme, muchas gracias!!
__________________
Facundo
http://www.creactivo.com.ar
  #2 (permalink)  
Antiguo 01/02/2010, 08:59
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Cómo cambiar type y class de un input onfocus?

Hola fakulicious

Echa un vistazo a este tema:

http://www.forosdelweb.com/f13/efect...rasena-473277/

Para cambiar la clase, usa esto:

Código javascript:
Ver original
  1. document.nombreFormu.password.className='inputFocus';

Saludos,

Etiquetas: class, input, type
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:03.