¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Programación Un aporte pequeño pero útil
Bueno chicos... hace unos minutos me encontraba extremadamente aburrido y entre tanto jugar con el html me dio ganas de crear un simple "number pad" (Si es que se llama así) en javascript y html, Lo posteo por que creo que puede llegar a ser útil para algunos.

Diras... ¿Para que sirve esto?, Por lo general, Paneles importantes de algunos sitios webs usan este sistema ya que en caso de que tengas un keylogger este no captara tu contraseña, ya que no estas usando las teclas del teclado.

<html>
<head>
<script language="Javascript" type="text/javascript">
function clave(numero) {
	document.formulario.campo.value   = numero;
        document.formulario.campo.focus();
        return;
}
</script>
</head>
<body>
<center>
<form action="" method="post" name="formulario">
<input type="text" name="campo" size="21"><br>
<input onclick="clave('1');" type="button" value="1" name="1">
<input onclick="clave('2');" type="button" value="2" name="2">
<input onclick="clave('3');" type="button" value="3" name="3"><br>
<input onclick="clave('4');" type="button" value="4" name="4">
<input onclick="clave('5');" type="button" value="5" name="5">
<input onclick="clave('6');" type="button" value="6" name="6"><br>
<input onclick="clave('7');" type="button" value="7" name="7">
<input onclick="clave('8');" type="button" value="8" name="8">
<input onclick="clave('9');" type="button" value="9" name="9"><br>
<input onclick="clave('0');" type="button" value="0" name="0">
<input type="submit" value="Enviar" name="enviar">
</form>
</center>
</body>
</html>


Espero que les sea de utilidad.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Muy util  Gracias
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
Es uno de estos ?
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
@alex262

Es uno de estos ?



Ese es un teclado completo, un numer pad es sólo el teclado de números:

@Yonpro23

Ese es un teclado completo, un numer pad es sólo el teclado de números:



ahhh okk perdon xd, pero bueno es asi no ?

off: yotengo uno como el q pusistes inalambrico pero es completo :B
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
me tome la libertad de:
http://alltvonline.webcindario.com/num_pad.html
No le presten atencion al dominio trataba de hacer una web de tv online >.<
@cer3zi7o

me tome la libertad de:
http://alltvonline.webcindario.com/num_pad.html
No le presten atencion al dominio trataba de hacer una web de tv online >.<


lol

Gracias por ponerlo... me iso darme cuenta de un error x'ddddd
coloque "=" en vez de " =" para agregarle un nuevo caracter.

El código correcto es:

<html> 
<head> 
<script language="Javascript" type="text/javascript"> 
function clave(numero) {
		document.formulario.campo.value   = numero;
        document.formulario.campo.focus();
        return;
}
</script> 
</head> 
<body> 
<center> 
<form action="" method="post" name="formulario"> 
<input type="text" name="campo" size="21"><br> 
<input onclick="clave('1');" type="button" value="1" name="1"> 
<input onclick="clave('2');" type="button" value="2" name="2"> 
<input onclick="clave('3');" type="button" value="3" name="3"><br> 
<input onclick="clave('4');" type="button" value="4" name="4"> 
<input onclick="clave('5');" type="button" value="5" name="5"> 
<input onclick="clave('6');" type="button" value="6" name="6"><br> 
<input onclick="clave('7');" type="button" value="7" name="7"> 
<input onclick="clave('8');" type="button" value="8" name="8"> 
<input onclick="clave('9');" type="button" value="9" name="9"><br> 
<input onclick="clave('0');" type="button" value="0" name="0"> 
<input type="submit" value="Enviar" name="enviar"> 
</form> 
</center> 
</body> 
</html>
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
sorry doble post u.u

por que la etiqueta de "CODIGO" desaparese el símbolo "+"? xdddddddd


Cambien el "=" por "+="
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Parece útil... Bueno, lo es xDD. Buen aporte, tal vez algún día se me haga necesario xDD.
Como haría para hacer que en vez de pulsar uno y se valla, pulsar, y que se añadan.
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
@Chooose

Como haría para hacer que en vez de pulsar uno y se valla, pulsar, y que se añadan.



En su último mensaje explica que debe añadir un operador de asignación con concatenación.

<script language="Javascript" type="text/javascript">
function clave(numero) {
document.formulario.campo.value  O= numero;
       document.formulario.campo.focus();
       return;
}
</script>

En vez de la O roja pon:


PD: No salen los signos de mas aquí XD
@Physlet

En su último mensaje explica que debe añadir un operador de asignación con concatenación.

<script language="Javascript" type="text/javascript">
function clave(numero) {
document.formulario.campo.value  O= numero;
       document.formulario.campo.focus();
       return;
}
</script>

En vez de la O roja pon:


PD: No salen los signos de mas aquí XD


ya se que no aparece el símbolo "mas".
Que mierd... x'DDD

Arriba de todas formas dije que colocaran el " " antes de la igualdad, por que si no, mas bien sustituye el valor en vez de agregarle :S
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
No lo abia provado hasta que postearon xD.. edite pero sigue igual.. le puse el + y todo :jum:
+++++++ -- Como que el simbolo + no sale ¿? +++++++
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
@Chooose

+++++++ -- Como que el simbolo + no sale ¿? +++++++


Cuando se utiliza en Codificación de este tipo, el más se elimina solo.



No me sirve xd.
@Chooose

+++++++ -- Como que el simbolo + no sale ¿? +++++++


el "+" no se ve al ponerlo entre:
esto D:
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21 
+



¿?

e_e


¿Qué no se pone? xD
Freshos, escribe todo el código haciéndo la correción del +
@Physlet

Freshos, escribe todo el código haciéndo la correción del +


Nuestro preciado <code> </code> ya no nos quiere
Le fuimos infiel (?)

lol
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Programación Un aporte pequeño pero útil