Cambiar un <INPUT> de type

[monorendon]

Hola, saben como puedo cambiar el type a un input, por ejemplo tengo lo siguiente...

Código:

<INPUT name="password" type="text" value="Password"/>

y quiero que cuando gane el foco cambie el type a "password"...

Alguien me puede ayudar??


De antemano gracias...

[SiR.CARAJ0DIDA]

creo q no se puede cambiar el type dinamicamente, lo que se me ocurre es reemplazar el nodo por otro

Código:

function changeType(o) {
var ip = document.createElement('input');
ip.type = "password";
ip.name = o.name;
ip.value = o.value;
o.parentNode.replaceChild(ip, o);
}

<INPUT name="password" type="text" value="Password" onfocus="changeType(this)" />

[caricatos]

Hola:

Otra posibilidad sería duplicar el campo (también el atributo name) y solo tener habilitado/visible 1 de ellos:

Te muestro el código de una página mía:

Código:

<select name="categoria" id="selecate">
...
</select>
<input type="checkbox" onclick="marcar(this.checked)" id="cheq"/><label for="cheq">otro</label>
<input type="text" name="categoria" id="textcate" disabled/>

Y solo habilito con javascript un elemento:

Código:

<script>
function marcar(q)	{
document.getElementById("textcate").disabled = !q;
document.getElementById("selecate").disabled = q;
}
</script>

De la misma manera se puede mostrar/ocultar con un par de líneas más en la función marcar (modificando estilos)

En el ejemplo (copy & paste) es un select y un text, pero es válido para cualquier combinación...

Saludos