cambiar input type password a text y al revés

red_robe · #1 (**permalink**) 10/02/2009, 17:27

hola, tengo que poner un campo para que escriban la contraseña, me gustaría que al marcar la casilla de abajo se vea la contraseña escrita en forma de "text" y no de "password".
tengo el problema con el puntero this, ahora en la función muestraCaracteres() el this no lo puedo poner ya que pertenece a otro objeto.

contraseña: ***** => sin casilla marcada
contraseña: pedro => con casilla marcada

adjunto el código, copien y peguen, funciona.

Código:

<html>
	<head>
		<script>
			var nuevo;
			function cambiaApass(caja) {
			    nuevo=document.createElement("input");
			    nuevo.setAttribute("type","password");
			    nuevo.setAttribute("name",caja.name);
			    nuevo.setAttribute("value","");
			    caja.parentNode.replaceChild(nuevo,caja);
			    setTimeout("nuevo.focus();",100);
			}
			function muestraCaracteres(){
				
			}
		</script>

	</head>
	
	<body>
		<form name="formulario">
			<div id="capa" name="primera" style="position:absolute; top:10; left:10; width:250px; height:250px">
				<input type="text" value="password" onfocus="cambiaApass(this)" /><br/>
				<input type="checkbox" name="MostraPass" onfocus="muestraCaracteres()" />Ver/No ver Asteriscos Password
			</div>
		</form>  
	</body>
</html>

Gracias!!!

red_robe · #2 (**permalink**) 11/02/2009, 09:37

nadie? no creo que se tan dificil para ustedes

caricatos · #3 (**permalink**) 11/02/2009, 10:15

Hola:

Imagina que estás en un ciber, y escribes tu password, y hay un script que se ejecuta de cualquier manera (aleatoria, o desde algún evento como onchange o cualquier otro, y entoces queda visible tus datos confidenciales... claro, cualquier "espontáneo" se entera)... Odio este tipo de preguntas... tendrás tus razones, pero te recomendaría que evitases este tipo de situaciones...

Saludos

red_robe · #4 (**permalink**) 11/02/2009, 17:40

que contundente caricatos!!!

no es para publicarlo en ningun ciber ni nada, te doy la razón en cuanto a esto que dices. únicamente que a veces cuando uno instala un programa o aplicación, la interfície te pide que pongas un password donde te da a elegir si lo quieres visible u oculto

vengaaa

sweetlydark · #5 (**permalink**) 11/02/2009, 18:56

Porque no cambias el type de password a text.

caricatos · #6 (**permalink**) 12/02/2009, 01:07

Cita:

Iniciado por red_robe

que contundente caricatos!!!
...
vengaaa

¡Jej, je!

sweetlydark acaba de poner una respuesta interesante...

Saludos

darcon3371 · #7 (**permalink**) 11/12/2009, 16:51

Se que este post es de hace mucho, pero yo encontre una solucion y quiero compartirla.

Se trata de colocar 2 inputs... uno tipo text y otro pass.

Primero tenemos visible el de tipo text con value: "Contraseña" o algo así, al hacer "focus" en éste lo ocultamos y mostrarmos el tipo pass, y ponemos el "foco" en este último... coloco el codigo por si a alguien le sirve (espero q si :))

Código HTML:

Ver original<input name="temp" id="temp" type="text" value="Contraseña" />
<input name="pass" id="pass" type="password" style="display:none" />

Código Javascript:

Ver original$("#temp").focus(function(){ 
        $(this).hide();
        $("#pass").show();
        $("#pass").focus();
    });
 
    $("#pass").blur(function(){ 
        if(!$(this).attr('value')){
            $(this).hide();
            $("#temp").show();
        }
    });

PD: Utilizo jquery

caricatos · #8 (**permalink**) 11/12/2009, 17:24

Tema cerrado por antiguo

darcon3371: No borro tu código porque por lo que veo, no desvela datos personales...

Saludos