Cambiar de password a text

AlvaroX · #1 (**permalink**) 23/07/2009, 12:14

Les dejo una pequeña utilidad que haciendo click a un checkbox puedes cambiar un input pass a input text y viceversa, sin perder el valor que lleva escrito, haciendo click a un checkbox

es un ¿Ver lo que estoy escribiendo?

<html>
<head>
<script language="JavaScript">
function pasar()
{

if (frm.check.checked == true)
{
document.frm.pun.type = "TEXT";
}
if (frm.check.checked == false)
{
document.frm.pun.type = "PASSWORD";
}
}

</script>
</head>
<body>

<form name="frm">
<input name="pun" type="password"> Ver lo que estoy escribiendo? <input name="check" type="checkbox" onClick="pasar()">
</form>

</body>
</html>

zerokilled · #2 (**permalink**) 23/07/2009, 12:26

no lo has intentado en internet explorer (msie), no? en msie no te va a funcionar porque no puedes cambiar el tipo de los inputs. el siguiente cambio debe funcionarte en cualquier navegador.

Código:

function pasar(){
var input = document.createElement("input");
var pun = document.frm.elements[0];
input.setAttribute("name", "pun");
input.setAttribute("type", (frm.check.checked)? "text": "password");
input.setAttribute("value", pun.value);
pun.parentNode.replaceChild(input, pun);
}

AlvaroX · #3 (**permalink**) 23/07/2009, 12:36

ahhh si siempre paso por alto los malditos estandares enverdad me tiene hasta la mie....

ajajaja igual gracias por acotar mas, solo lo agrege porque pense que puede ser util