Foros del Web » Programando para Internet » Javascript »

Cambiar el tipo de un input dinamicamente

Estas en el tema de Cambiar el tipo de un input dinamicamente en el foro de Javascript en Foros del Web. hola, tengo un problemilla, tengo un campo de texto "input type=text" y necesito que al hacer clic sobre el se le cambie el tipo de ...
  #1 (permalink)  
Antiguo 11/02/2008, 07:02
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Cambiar el tipo de un input dinamicamente

hola, tengo un problemilla, tengo un campo de texto "input type=text" y necesito que al hacer clic sobre el se le cambie el tipo de "text" a "password", se que hay alguna funcion de js que lo hace pero no la encuentro.
Espero que me podais ayudar
Muchas gracias
  #2 (permalink)  
Antiguo 11/02/2008, 07:54
Avatar de clustering  
Fecha de Ingreso: octubre-2003
Ubicación: Cochabamba
Mensajes: 95
Antigüedad: 20 años, 6 meses
Puntos: 0
Re: Cambiar el tipo de un input dinamicamente

Código HTML:
function cambiar()
{
    document.getElementById('algo').type = 'password';
}
<input type="text" onfocus="javascript: cambiar()" id="algo"/> 
Creo que esto te puede servir
Saludos....
__________________
Nunca escupas arriba, ni orines contra el viento... :adios:
  #3 (permalink)  
Antiguo 11/02/2008, 07:55
Avatar de ZiTAL  
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.545
Antigüedad: 20 años, 1 mes
Puntos: 62
Re: Cambiar el tipo de un input dinamicamente

Código:
id=document.getElementById('id_cajatexto');
id.type='password';
no lo he hecho nunca, prueba con eso.
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
  #4 (permalink)  
Antiguo 06/12/2011, 09:00
 
Fecha de Ingreso: septiembre-2011
Mensajes: 16
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Cambiar el tipo de un input dinamicamente

Mira con Jquery yo hice esto.

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('#IDInput2').focus(function() {
  3.     var tipo = document.nombreFormulario.IdInput2.type = 'password';
  4.             $(this).attr('type',tipo);
  5.     });
  6.    
  7. });

Cambias el NombreFormulario por el "name" de tu formulario y el IDInput por el "id" de tu input y ya :D
Básicamente le digo que al hacer focus cambie al tipo password.

Última edición por Xzelot; 06/12/2011 a las 09:09
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:33.