Foros del Web » Programando para Internet » Javascript »

como hacer un cuadro de numeros y letras para introducir password

Estas en el tema de como hacer un cuadro de numeros y letras para introducir password en el foro de Javascript en Foros del Web. Muy buenas a todos: no se si habreis visto que en casi todas las páginas de los bancos en algun sitio, al pedirte la clave ...
  #1 (permalink)  
Antiguo 24/11/2005, 12:02
 
Fecha de Ingreso: diciembre-2004
Mensajes: 98
Antigüedad: 19 años, 4 meses
Puntos: 0
como hacer un cuadro de numeros y letras para introducir password

Muy buenas a todos: no se si habreis visto que en casi todas las páginas de los bancos en algun sitio, al pedirte la clave de acceso o password, sale una imagen con una serie de números o letras y con el raton las señalas, de esta forma no das a las teclas y se evita que alguien detecte las pulsaciones del teclado, y por supuesto lea tu clave, bueno mi consulta es, ¿como se hace eso?.
Gracias infinitas a todos y espero vuestra contestación
  #2 (permalink)  
Antiguo 24/11/2005, 12:14
Avatar de Saruman  
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años
Puntos: 5
no lo he visto, pero a lo que entiendo es como si fuera el mismo teclado de la pc en una pagina y con las teclas, luego al presionar o darle "click" a una de los botones se inserta en un input.... me corrijes si estoy mal... si estoy bien entonces la cosa se pone facil, solo es cuestion de crear el teclado con sus letras y en el evento onclick mandarle el ascii o caracter presionado.... como quieras....

saludos
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.
  #3 (permalink)  
Antiguo 24/11/2005, 12:22
 
Fecha de Ingreso: diciembre-2004
Mensajes: 98
Antigüedad: 19 años, 4 meses
Puntos: 0
Cierto! vas bien, Saruman, esa es la idea, ¿sabras de algun sitio o alguien que tenga algo iniciado? pues si te digo la verdad no se por donde empezar, por ejemplo, corrigeme si digo una burrada, seria dibujar cada tecla del teclado como una imagen independiente y segun el onclick del raton en la imagen introducirla en una variable e irle sumando el resto haste tener el total y despues comprobar si es correcta. ¿OK?

Gracias de nuevo
  #4 (permalink)  
Antiguo 24/11/2005, 12:32
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 18 años, 8 meses
Puntos: 0
Haz como una 'calculadora' y todos los numeros y letras q se presionen, se agreguen al input. Pasanos la web de alguno de esos bancos para ver y pasarte el codigo....
  #5 (permalink)  
Antiguo 24/11/2005, 12:51
 
Fecha de Ingreso: diciembre-2004
Mensajes: 98
Antigüedad: 19 años, 4 meses
Puntos: 0
para Leoj90:
Por ejemplo; aunque no es tan bueno como otros, este:
https://oi.cajamadrid.es/CajaMadrid/...oi/Login/login
si entras al poner el raton encima del campo clave y hacer click se despliega el teclado numérico.

Gracias otra vez
  #6 (permalink)  
Antiguo 24/11/2005, 12:56
Avatar de Saruman  
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años
Puntos: 5
esto está facilisimo de hacer jomoli.
solo una tabla con un par de columnas simulando los botones y un onclick y listo...
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.
  #7 (permalink)  
Antiguo 24/11/2005, 13:11
 
Fecha de Ingreso: diciembre-2004
Mensajes: 98
Antigüedad: 19 años, 4 meses
Puntos: 0
Muchas gracias a todos, voy a intentar hacer lo que me indicais y ya os contaré, espero se me de bien, pues no estoy muy ducho en estas lides.
Salu2 a todos
  #8 (permalink)  
Antiguo 24/11/2005, 13:12
Avatar de Saruman  
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años
Puntos: 5
aqui esta: ta sencillo pero hace lo que pides. solo es de modificarlo y que quede como gustes.

saludos

Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function MakeString(tecla) {
var mytexto = document.getElementById("mytexto");
mytexto.value += String.fromCharCode(tecla);
}
</script>
<body>
 
<input type="text" size="30" id="mytexto">
<script language="javascript">
function drawkeybord() {
var html = "";
html += "<table align='center' width='400' border='0' cellspacing='2' cellpadding='2' style='font-family:Arial, Helvetica, sans-serif; font-size:11px;'>\n";
html += "<tr align='center'>\n";
 
for (i=48; i <= 57; i++) {
html += "<td style='border:1px solid #000000; cursor:pointer;' onclick='MakeString(" + i + ")'><strong>" + String.fromCharCode(i) + "</strong></td>\n";
}
 
html += "</tr>\n";
html += "</table>\n";
//alert(html);
 
document.write(html);
}
 
drawkeybord();
</script>
</body>
</html> 
pd. apoyate en esta pagina para que saques los ascii para las otras teclas (A-Z).
http://ascii.cl/htmlcodes.htm
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.
  #9 (permalink)  
Antiguo 25/11/2005, 02:14
 
Fecha de Ingreso: diciembre-2004
Mensajes: 98
Antigüedad: 19 años, 4 meses
Puntos: 0
Acabo de leer tu script, voy a ponerme en marcha ya mismo, muchas gracias Saruman, ya te contare como me salio.
  #10 (permalink)  
Antiguo 27/11/2005, 17:31
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Hola todos :

en las FAQs de javascript hay uno. Y seguro también en le foro.

79. Mostrar teclado en pantalla
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 02:29.