Modificar atributo TYPE de un INPUT

frijolerou · #1 (**permalink**) 02/12/2005, 20:33

Hola gentes...

Estoy tratando de modificar dinamicamente el atributo TYPE de un INPUT (de PASSWORD a TEXT, y de TEXT a PASSWORD). El problema es que sólo resulta en Firefox, pero no en IE ni Opera. En estos 2 me funciona perfectamente cambiar cualquier otro atributo (title, value, etc), pero no TYPE.

Estos han sido mis intentos (aplicado a un INPU del tipo TEXT para transformarlo en PASSWORD):

1) Solo resulta en firefox
object = document.getElementById('elinput');
object.setAttribute('type', 'password');

2) Solo resulta en Firefox
object = document.getElementById('elinput');
object['type'] = 'password';

3) Solo resulta en Firefox
object = document.getElementById('elinput');
attr = document.createAttributeNode('type');
attr.value = 'password';
object.setAtributteNode(attr);

¿Conocen alguna forma de hacerlo compatible con los demas navegadores?

SiR.CARAJ0DIDA · #2 (**permalink**) 02/12/2005, 20:56

creas el nuevo nodo y usas replaceNode()

frijolerou · #3 (**permalink**) 02/12/2005, 21:45

Hola Sir:

Me resultó con replaceNode en IE... ¿ese metodo solo funciona en IE?, supongo que me resta encontrar la forma para Opera.

Mira asi quedo con replacenode:

Código HTML:

<html>
<head>
<script>
function password(){
   var oOldNode = document.getElementById('clave');
   var oNewNode = createNode(oOldNode);
   oOldNode.replaceNode(oNewNode);
}
function createNode(oOldNode){
    node = document.createElement('INPUT');
    node.value = oOldNode.value;
    node.setAttribute('type', 'password');
    return node;
}
</script>
</head>
<body>
<input type="text" name="clave" id="clave">
<input type="button" value="cambiar" onclick="password()">
</body>
</html>