[SOLUCIONADO] Desenmascarar campo password

oriolforcada · #1 (**permalink**) 20/03/2013, 15:14

Hola , me gustaría saber como puedo poner una casilla de verificación que al darle, cuando escribas en un campo de password al lado se vea la contraseña y no las bolitas.
Gracias
Oriol Forcada

alex1244 · #2 (**permalink**) 20/03/2013, 15:42

Se me ocurre que podrías hacer una función en Javascript con el DOM que cuando pulses la casilla modifiques el atributo "type" y lo cambies de "password" a "text".

oriolforcada · #3 (**permalink**) 21/03/2013, 00:31

No se Javascript :( ¿me podrias pasar el código para hacerlo?

jcastro3 · #4 (**permalink**) 21/03/2013, 09:03

Hola oriolforcada, aqui tienes un ejemplo de lo que pides a ver si te sirve

Código HTML:

<html>
     <head></head>
     <body>
          <input type="password" id="pass" name="pass">
          <small>Ocultar contraseña</small>
          <input type="checkbox" id="mostrar" name="mostrar" checked onClick="mostrarPassword()">
     </body>
     <script language="javascript" type="text/javascript">
          function mostrarPassword(){
		//Accedo a los elementos del formulario mediante el DOM
		var chkbox = document.getElementById("mostrar"); 
		var contenido = document.getElementById("pass");
		var atributo = contenido.getAttribute("type");
				
		//Pregunto si el checkbox esta marcado
		if(chkbox.checked){
			contenido.setAttribute("type","password"); //Si el checkbox esta marcado, el atributo type vale password
		}else{
			contenido.setAttribute("type","text"); //Si el checkbox esta sin marcar, el atributo type vale text
		}
	}
     </script>
</html>

Habras visto que en el checkbox se incluye el evento onClick que lo que hace es llamar a la funcion javascript. Si el checkbox esta marcado los caracteres aparecen con las bolitas, si no esta marcado los caracteres aparecen tal y como son.

Creo que esto es lo que buscas.

webosiris · #5 (**permalink**) 21/03/2013, 09:10

Cita:

Iniciado por oriolforcada

No se Javascript :( ¿me podrias pasar el código para hacerlo?

oriolforcada, te recuerdo que Foros del Web es un lugar que se viene sobretodo a aprender, no a conseguir códigos ya hechos y 100% masticados (aunque a veces, como en este caso, haya usuarios que muy amablemente te los den) así que si quieres hacer cosas con javascript te sugiero aprender javascript.

PD: tengo entendido que por lo menos IE no permite el cambio dinámico del type, así que la solución pasaría por crear un input text fantasma que tomara el mismo valor que el input password (y viceversa)

oriolforcada · #6 (**permalink**) 22/03/2013, 00:41

Gracias a todos por vuestras respuestas, me han servido mucho.
Saludos
Oriol Forcada