Autor Tema: [APORTE]Number pad. (Leído 1255 veces)

Juanda · « **en:** 15 de Mayo de 2011, 05:38:11 am »

Bueno aquí os traigo un pequeño aporte, un number pad es esto:
Un sistema que puede utilizarse para un login. son muchos botones que al clikearlos estos se apliquen a una textarea remplazando al teclado. esto se utiliza muchas veces cuando el usuario tiene keyloggers en su ordenador.

Lo hice hace varios días para mi sistema de noticias, que actúa como enviador de noticias secundario.

Código: [Seleccionar]

<html>
<head>
<script language="Javascript" type="text/javascript">
function tecla(letra) {
	document.Teclado.form.value   += letra;
        document.Teclado.form.focus();
        return; }
</script>
</head>
<body>
<form action="" method="post" name="Teclado">
  <p align="center">
    <input name="form" type="text" size="80">
  </p>
  <p align="center">
    <input onclick="tecla('a');" type="button" value="A" name="a">
    <input onClick="tecla('b');" type="button" value="B" name="b">
    <input onClick="tecla('c');" type="button" value="C" name="c">
    <input onClick="tecla('d');" type="button" value="D" name="d">
    <input onClick="tecla('e');" type="button" value="E" name="e">
    <input onClick="tecla('f');" type="button" value="F" name="f">
    <input onClick="tecla('g');" type="button" value="G" name="g">
    <input onClick="tecla('h');" type="button" value="H" name="h">
    <input onClick="tecla('i');" type="button" value="I" name="i">
    <input onClick="tecla('j');" type="button" value="J" name="j">
    <input onClick="tecla('k');" type="button" value="K" name="k">
    <input onClick="tecla('l');" type="button" value="L" name="l">
    <input onClick="tecla('m');" type="button" value="M" name="m">
    <input onClick="tecla('n');" type="button" value="N" name="n">
    <input onClick="tecla('ñ');" type="button" value="Ñ" name="ñ">
    <input onClick="tecla('o');" type="button" value="O" name="o">
    <input onClick="tecla('p');" type="button" value="P" name="p">
    <input onClick="tecla('q');" type="button" value="Q" name="q">
    <input onClick="tecla('r');" type="button" value="R" name="r">
    <input onClick="tecla('s');" type="button" value="S" name="s">
    <input onClick="tecla('t');" type="button" value="T" name="t">
    <input onClick="tecla('u');" type="button" value="U" name="u">
    <input onClick="tecla('w');" type="button" value="W" name="w">
    <input onClick="tecla('x');" type="button" value="X" name="x">
    <input onClick="tecla('y');" type="button" value="Y" name="y">
    <input onClick="tecla('z');" type="button" value="Z" name="z">
    <input onclick="tecla(' ');" type="button" value="espacio" name="espacio">
    <input onclick="tecla('$');" type="button" value="$" name="$">
  <input onclick="tecla('1 ');" type="button" value="1" name="1">
  <input onclick="tecla('2 ');" type="button" value="2" name="2">
  <input onclick="tecla(3 ');" type="button" value="3" name="3">
  <input onclick="tecla('4');" type="button" value="4" name="4">
  <input onclick="tecla('5');" type="button" value="5" name="5"> 
 <input onclick="tecla('6');" type="button" value="6" name="6">
  <input onclick="tecla('7');" type="button" value="7" name="7">
  <input onclick="tecla('8');" type="button" value="8" name="8">
  <input onclick="tecla('9');" type="button" value="9" name="9">
  <input onclick="tecla(':');" type="button" value=":" name=":">
  <input onclick="tecla(')');" type="button" value=")" name=")">
  <input onclick="tecla('(');" type="button" value="(" name="(">
  <input onclick="tecla(':');" type="button" value=":" name=":">
  </p>
  <p align="center">    <input type="submit" value="Enviar noticia" name="enviarnoticia">
      
</p>
</form>
</body>

</html>

Citar

Explicacion del codigo:
1-Usamos una función.
Lo cual hace funcionar a "onclick".
2-Usamos el += para que el sistema agrega mas de 1 carácter o numero.
3-Hacemos un textarea, alli es donde se agregaran las letras.
4-Hacemos los botones con <input> y "onclick".
5-Hacemos el botón para enviarlo con input.
6-Cerramos la etiqueta </form>.

vp:

PD: Esta imagen fue sacada cuando el sistema no fue actualizado.

¿y bueno que mas?, solo disfruta este pequeño aporte.
ps3: Próximamente ire agregando mas botones.

Saludos

Juanda · « **Respuesta #1 en:** 15 de Mayo de 2011, 19:24:37 pm »

ACTUALIZADO CON ALGUNOS ICONOS Y TODOS LOS NUMEROS.

saludos

RumbaStereo · « **Respuesta #2 en:** 15 de Mayo de 2011, 20:59:09 pm »

wow interesante

PD: Ahy una regla en la comunidad basada en que debes decir de que se trata el post ejemplo

[APORTE] Number Pad. < como titulo

PD2: Recuerda aplicar una VISTA PREVIA asi podremos saber que vamos a hacer con dicho codigo

Un saludo sigue asi ahy te va un K +

Juanda · « **Respuesta #3 en:** 15 de Mayo de 2011, 21:09:47 pm »

Muchas gracias por los consejos, editare la explicación en algo mas explicativo.

Saludos

ACTUALIZACION:

Vista previa
Explicación del código mas detallada
Actualización del código.

SoyJoaquin. · « **Respuesta #4 en:** 15 de Mayo de 2011, 21:40:35 pm »

Si no fuera por que los nombre son diferentes, diría que es el mismo que el mio...
http://www.phperos.net/foro/index.php?topic=6549.0

Que coincidencia, ¿no?

Juanda · « **Respuesta #5 en:** 15 de Mayo de 2011, 21:46:03 pm »

Cita de: SoyJoaquin. en 15 de Mayo de 2011, 21:40:35 pm

Si no fuera por que los nombre son diferentes, diría que es el mismo que el mio...
http://www.phperos.net/foro/index.php?topic=6549.0

Que coincidencia, ¿no?

No, esto lo saque de un tutorial que encontré en la web hace mucho, hace 4 dias lo implemente.
Tampoco creo que halla muchas maneras de hacerlo ¿o si?, te puedo asegurar que no es un plagio ni por las moscas.
Saludos

SoyJoaquin. · « **Respuesta #6 en:** 15 de Mayo de 2011, 21:51:23 pm »

Cita de: Juanda en 15 de Mayo de 2011, 21:46:03 pm

No, esto lo saque de un tutorial que encontré en la web hace mucho, hace 4 dias lo implemente.
Tampoco creo que halla muchas maneras de hacerlo ¿o si?, te puedo asegurar que no es un plagio ni por las moscas.
Saludos

Tienes razón, no hay muchas maneras de hacerlo pero tampoco que tenga la misma estructura, ¿o si?

Comparemos:
Tuyo:

Código: [Seleccionar]

<html>
<head>
<script language="Javascript" type="text/javascript">
function tecla(letra) {
	document.Teclado.form.value   += letra;
        document.Teclado.form.focus();
        return;
}
</script>

Mio:

Código: [Seleccionar]

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

Hasta ahora todo igual...

Tuyo:

Código: [Seleccionar]

<input onclick="tecla('a');" type="button" value="A" name="a">
Mio:

Código: [Seleccionar]

<input onclick="clave('1');" type="button" value="1" name="1">
Sigue igual, y lo que mas me parte es que los parametros estan en el mismo orden...

Seguimos:
Tuyo:

Código: [Seleccionar]

<form action="" method="post" name="Teclado">
Mio:

Código: [Seleccionar]

<form action="" method="post" name="formulario">
Siguen los parámetros en el mismo orden, ¿Que raro no?

Tuyo:

Código: [Seleccionar]

<input name="form" type="text" size="80">
Mio:

Código: [Seleccionar]

<input type="text" name="campo" size="21"><br>
:ooo, Por fin algo caso diferente...

No mames tio, y lo peor es el descaro de poner que es tuyo y mas aun publicarlo en el mismo foro.
Saludos y felicidades por el pésimo trabajo de cambiar nombres.

SoyJoaquin. · « **Respuesta #7 en:** 15 de Mayo de 2011, 21:59:13 pm »

Otra cosa que mas me caga es que pones "Number Pad", cuando es de letras xD

No sera por que lo viste en:

Citar

entre tanto jugar con el html me dio ganas de crear un simple "num pad" (Si es que se llama así) en javascript y html,

Juanda · « **Respuesta #8 en:** 15 de Mayo de 2011, 22:31:15 pm »

Código: [Seleccionar]

<body onLoad="teclado();">
 
<form method="post" action="teclado_pantalla.asp">
<textarea id="ta" name="textarea" cols="60" rows="10"></textarea><br>
<br><br>
<br><br>
<br><br>
<br><br>
<input type="submit" id="60" value="ENTER" style="width:60px; height:20px; text-align:center; font-size:10px;"/> 
</form>
 
 
<!-- TECLADO -->
 
<div id="c1" class="posLay1">
<input type="button" id="1" value="1" onclick="onclick(0);" />
<input type="button" id="2" value="2" onclick="onclick(1);" />
<input type="button" id="3" value="3" onclick="onclick(2);" />
<input type="button" id="4" value="4" onclick="onclick(3);" />
<input type="button" id="5" value="5" onclick="onclick(4);" />
<input type="button" id="6" value="6" onclick="onclick(5);" />
<input type="button" id="7" value="7" onclick="onclick(6);" />
<input type="button" id="8" value="8" onclick="onclick(7);" />
<input type="button" id="9" value="9" onclick="onclick(8);" />
<input type="button" id="10" value="0" onclick="onclick(9);" />
<input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="11" value="q" onclick="onclick(10);" />
<input type="button" id="12" value="w" onclick="onclick(11);" />
<input type="button" id="13" value="e" onclick="onclick(12);" />
<input type="button" id="14" value="r" onclick="onclick(13);" />
<input type="button" id="15" value="t" onclick="onclick(14);" />
<input type="button" id="16" value="y" onclick="onclick(15);" />
<input type="button" id="17" value="u" onclick="onclick(16);" />
<input type="button" id="18" value="i" onclick="onclick(17);" />
<input type="button" id="19" value="o" onclick="onclick(18);" />
<input type="button" id="20" value="p" onclick="onclick(19);" />
<input type="button" id="41" value="Salto" onclick="onclick(40);"  style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="21" value="a" onclick="onclick(20);" />
<input type="button" id="22" value="s" onclick="onclick(21);" />
<input type="button" id="23" value="d" onclick="onclick(22);" />
<input type="button" id="24" value="f" onclick="onclick(23);" />
<input type="button" id="25" value="g" onclick="onclick(24);" />
<input type="button" id="26" value="h" onclick="onclick(25);" />
<input type="button" id="27" value="j" onclick="onclick(26);" />
<input type="button" id="28" value="k" onclick="onclick(27);" />
<input type="button" id="29" value="l" onclick="onclick(28);" />
<input type="button" id="30" value="ñ" onclick="onclick(29);" />
<input type="button" id="44" value="Tab" onclick="onclick(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="31" value="z" onclick="onclick(30);" />
<input type="button" id="32" value="x" onclick="onclick(31);" />
<input type="button" id="33" value="c" onclick="onclick(32);" />
<input type="button" id="34" value="v" onclick="onclick(33);" />
<input type="button" id="35" value="b" onclick="onclick(34);" />
<input type="button" id="36" value="n" onclick="onclick(35);" />
<input type="button" id="37" value="m" onclick="onclick(36);" />
<input type="button" id="38" value="," onclick="onclick(37);" />
<input type="button" id="39" value="." onclick="onclick(38);" />
<input type="button" id="40" value="-" onclick="onclick(39);" />
<input type="button" id="43" value="May&uacute;scula" onclick="muestra(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="42" value="Espaciador" onclick="imprm(41);"  style="width:100px; height:20px; text-align:center; font-size:10px;" />
</div>
 
 
 
 
<div id="c2" class="posLay2">
<input type="button" id="1" value="!" onclick="imprM(0);" />
<input type="button" id="2" value=""" onclick="imprM(1);" />
<input type="button" id="3" value="&#183;" onclick="imprM(2);" />
<input type="button" id="4" value="&#37;" onclick="imprM(3);" />
<input type="button" id="5" value="/" onclick="imprM(4);" />
<input type="button" id="6" value="(" onclick="imprM(5);" />
<input type="button" id="7" value=")" onclick="imprM(6);" />
<input type="button" id="8" value="=" onclick="imprM(7);" />
<input type="button" id="9" value="?" onclick="imprM(8);" />
<input type="button" id="10" value="&#191;" onclick="imprM(9);" />
<input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="11" value="Q" onclick="onclick(10);" />
<input type="button" id="12" value="W" onclick="onclick(11);" />
<input type="button" id="13" value="E" onclick="onclick(12);" />
<input type="button" id="14" value="R" onclick="onclick(13);" />
<input type="button" id="15" value="T" onclick="onclick(14);" />
<input type="button" id="16" value="Y" onclick="onclick(15);" />
<input type="button" id="17" value="U" onclick="onclick(16);" />
<input type="button" id="18" value="I" onclick="onclick(17);" />
<input type="button" id="19" value="O" onclick="onclick(18);" />
<input type="button" id="20" value="P" onclick="onclick(19);" />
<input type="button" id="41" value="Salto" onclick="onclick(40);"  style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="21" value="A" onclick="imprM(20);" />
<input type="button" id="22" value="S" onclick="imprM(21);" />
<input type="button" id="23" value="D" onclick="imprM(22);" />
<input type="button" id="24" value="F" onclick="imprM(23);" />
<input type="button" id="25" value="G" onclick="imprM(24);" />
<input type="button" id="26" value="H" onclick="imprM(25);" />
<input type="button" id="27" value="J" onclick="imprM(26);" />
<input type="button" id="28" value="K" onclick="imprM(27);" />
<input type="button" id="29" value="L" onclick="imprM(28);" />
<input type="button" id="30" value="&#209;" onclick="imprM(29);" />
<input type="button" id="44" value="Tab" onclick="imprM(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="31" value="Z" onclick="onclick(30);" />
<input type="button" id="32" value="X" onclick="onclick(31);" />
<input type="button" id="33" value="C" onclick="onclick(32);" />
<input type="button" id="34" value="V" onclick="onclick(33);" />
<input type="button" id="35" value="B" onclick="onclick(34);" />
<input type="button" id="36" value="N" onclick="onclick(35);" />
<input type="button" id="37" value="M" onclick="onclick(36);" />
<input type="button" id="38" value=";" onclick="onclick(37);" />
<input type="button" id="39" value=":" onclick="onclick(38);" />
<input type="button" id="40" value="_" onclick="onclick(39);" />
<input type="button" id="43" value="May&uacute;scula" onclick="oculta(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" />
<br>
<input type="button" id="42" value="Espaciador" onclick="imprM(41);"  style="width:100px; height:20px; text-align:center; font-size:10px;" />
</div>
 
<!-- FIN TECLADO -->
 
</body>
</html>

Este codigo es el original, esta en el tutorial de donde lo saque
Pero como es muy complejo y yo solo necesitaba numeros para ese entonces.

Lo hize nuevamente desde 0 asi:

Código: [Seleccionar]

<html>
<body>
<form action="" method="post" name="Teclado">
    <input name="form" type="text" size="80">
  <input onclick="tecla('1');" type="button" value="1" name="1">
  <input onclick="tecla('2');" type="button" value="2" name="2">
  <input onclick="tecla('3');" type="button" value="3" name="3">
  <input onclick="tecla('4');" type="button" value="4" name="4">
  <input onclick="tecla('5');" type="button" value="5" name="5"> 
  <input onclick="tecla('6');" type="button" value="6" name="6">
  <input onclick="tecla('7');" type="button" value="7" name="7">
  <input onclick="tecla('8');" type="button" value="8" name="8">
  <input onclick="tecla('9');" type="button" value="9" name="9">
  
  <p align="center">    <input type="submit" value="Enviar noticia" name="enviarnoticia">
      
</p>
</form>
</body>
</html>

Sin el javascript no funcionaba, entonces busque en otro tutorial y decia que se podia utilizar esto (el tutorial estaba en un foro en el mismo post había otro link con el js):

<script>
function name(var#)
{
document.var#.#.focus();
document.#.#.value += letra;
return; }
</script>
Entonces el codigo me habia quedado algo asi

Código: [Seleccionar]

<script>
function name(var#) 
{        
document.var#.#.focus();
	document.#.#.value   += letra;
        return; }
                             </script>
<html>
<body>
<form action="" method="post" name="Teclado">
    <input name="form" type="text" size="80">
  <input onclick="tecla('1');" type="button" value="1" name="1">
  <input onclick="tecla('2');" type="button" value="2" name="2">
  <input onclick="tecla('3');" type="button" value="3" name="3">
  <input onclick="tecla('4');" type="button" value="4" name="4">
  <input onclick="tecla('5');" type="button" value="5" name="5"> 
  <input onclick="tecla('6');" type="button" value="6" name="6">
  <input onclick="tecla('7');" type="button" value="7" name="7">
  <input onclick="tecla('8');" type="button" value="8" name="8">
  <input onclick="tecla('9');" type="button" value="9" name="9">
  
  <p align="center">    <input type="submit" value="Enviar noticia" name="enviarnoticia">
      
</p>
</form>
</body>
</html>

Y pues me habia quedado asi, pero no funcionaba entonces toque toque y toque hasta que me funciono.

estructura: si lo hubiese dejado como esta arriba, hubiese quedado desorganizado, entonces empece a organizar el código.
y si los parámetros están iguales, decile plageadores a los creadores del tutorial ¿si? no ami.
y el tema del titulo.
Como dije antes esto era solo para numeros, y el tutorial decia number pad.
despues le agrege las letras y simbolos, si algun rapido vio el tema cuando lo creo decia:
"aporte teclado" o algo por el estilo

despues de tantas modificaciones al post quedo como esta ahora.
Si crees que es plageo puedes notificarlo a un mod y que cierren el tema, pero
ya que no tienes pruebas y yo por si mismo se que nunca copie nada, di lo que quieras.

Saludos
pd: me tarde tanto en escribir este post y buscar el código entre mis archivos.
pd2: No hagas doble-post por lo que veo estas vigilado

SoyJoaquin. · « **Respuesta #9 en:** 15 de Mayo de 2011, 22:43:30 pm »

Cita de: Juanda en 15 de Mayo de 2011, 22:31:15 pm

Código: [Seleccionar]
<body onLoad="teclado();"> <form method="post" action="teclado_pantalla.asp"> <textarea id="ta" name="textarea" cols="60" rows="10"></textarea><br> <br><br> <br><br> <br><br> <br><br> <input type="submit" id="60" value="ENTER" style="width:60px; height:20px; text-align:center; font-size:10px;"/> </form>  <div id="c1" class="posLay1"> <input type="button" id="1" value="1" onclick="onclick(0);" /> <input type="button" id="2" value="2" onclick="onclick(1);" /> <input type="button" id="3" value="3" onclick="onclick(2);" /> <input type="button" id="4" value="4" onclick="onclick(3);" /> <input type="button" id="5" value="5" onclick="onclick(4);" /> <input type="button" id="6" value="6" onclick="onclick(5);" /> <input type="button" id="7" value="7" onclick="onclick(6);" /> <input type="button" id="8" value="8" onclick="onclick(7);" /> <input type="button" id="9" value="9" onclick="onclick(8);" /> <input type="button" id="10" value="0" onclick="onclick(9);" /> <input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="11" value="q" onclick="onclick(10);" /> <input type="button" id="12" value="w" onclick="onclick(11);" /> <input type="button" id="13" value="e" onclick="onclick(12);" /> <input type="button" id="14" value="r" onclick="onclick(13);" /> <input type="button" id="15" value="t" onclick="onclick(14);" /> <input type="button" id="16" value="y" onclick="onclick(15);" /> <input type="button" id="17" value="u" onclick="onclick(16);" /> <input type="button" id="18" value="i" onclick="onclick(17);" /> <input type="button" id="19" value="o" onclick="onclick(18);" /> <input type="button" id="20" value="p" onclick="onclick(19);" /> <input type="button" id="41" value="Salto" onclick="onclick(40);" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="21" value="a" onclick="onclick(20);" /> <input type="button" id="22" value="s" onclick="onclick(21);" /> <input type="button" id="23" value="d" onclick="onclick(22);" /> <input type="button" id="24" value="f" onclick="onclick(23);" /> <input type="button" id="25" value="g" onclick="onclick(24);" /> <input type="button" id="26" value="h" onclick="onclick(25);" /> <input type="button" id="27" value="j" onclick="onclick(26);" /> <input type="button" id="28" value="k" onclick="onclick(27);" /> <input type="button" id="29" value="l" onclick="onclick(28);" /> <input type="button" id="30" value="ñ" onclick="onclick(29);" /> <input type="button" id="44" value="Tab" onclick="onclick(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="31" value="z" onclick="onclick(30);" /> <input type="button" id="32" value="x" onclick="onclick(31);" /> <input type="button" id="33" value="c" onclick="onclick(32);" /> <input type="button" id="34" value="v" onclick="onclick(33);" /> <input type="button" id="35" value="b" onclick="onclick(34);" /> <input type="button" id="36" value="n" onclick="onclick(35);" /> <input type="button" id="37" value="m" onclick="onclick(36);" /> <input type="button" id="38" value="," onclick="onclick(37);" /> <input type="button" id="39" value="." onclick="onclick(38);" /> <input type="button" id="40" value="-" onclick="onclick(39);" /> <input type="button" id="43" value="Mayúscula" onclick="muestra(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="42" value="Espaciador" onclick="imprm(41);" style="width:100px; height:20px; text-align:center; font-size:10px;" /> </div> <div id="c2" class="posLay2"> <input type="button" id="1" value="!" onclick="imprM(0);" /> <input type="button" id="2" value=""" onclick="imprM(1);" /> <input type="button" id="3" value="·" onclick="imprM(2);" /> <input type="button" id="4" value="%" onclick="imprM(3);" /> <input type="button" id="5" value="/" onclick="imprM(4);" /> <input type="button" id="6" value="(" onclick="imprM(5);" /> <input type="button" id="7" value=")" onclick="imprM(6);" /> <input type="button" id="8" value="=" onclick="imprM(7);" /> <input type="button" id="9" value="?" onclick="imprM(8);" /> <input type="button" id="10" value="¿" onclick="imprM(9);" /> <input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="11" value="Q" onclick="onclick(10);" /> <input type="button" id="12" value="W" onclick="onclick(11);" /> <input type="button" id="13" value="E" onclick="onclick(12);" /> <input type="button" id="14" value="R" onclick="onclick(13);" /> <input type="button" id="15" value="T" onclick="onclick(14);" /> <input type="button" id="16" value="Y" onclick="onclick(15);" /> <input type="button" id="17" value="U" onclick="onclick(16);" /> <input type="button" id="18" value="I" onclick="onclick(17);" /> <input type="button" id="19" value="O" onclick="onclick(18);" /> <input type="button" id="20" value="P" onclick="onclick(19);" /> <input type="button" id="41" value="Salto" onclick="onclick(40);" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="21" value="A" onclick="imprM(20);" /> <input type="button" id="22" value="S" onclick="imprM(21);" /> <input type="button" id="23" value="D" onclick="imprM(22);" /> <input type="button" id="24" value="F" onclick="imprM(23);" /> <input type="button" id="25" value="G" onclick="imprM(24);" /> <input type="button" id="26" value="H" onclick="imprM(25);" /> <input type="button" id="27" value="J" onclick="imprM(26);" /> <input type="button" id="28" value="K" onclick="imprM(27);" /> <input type="button" id="29" value="L" onclick="imprM(28);" /> <input type="button" id="30" value="Ñ" onclick="imprM(29);" /> <input type="button" id="44" value="Tab" onclick="imprM(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="31" value="Z" onclick="onclick(30);" /> <input type="button" id="32" value="X" onclick="onclick(31);" /> <input type="button" id="33" value="C" onclick="onclick(32);" /> <input type="button" id="34" value="V" onclick="onclick(33);" /> <input type="button" id="35" value="B" onclick="onclick(34);" /> <input type="button" id="36" value="N" onclick="onclick(35);" /> <input type="button" id="37" value="M" onclick="onclick(36);" /> <input type="button" id="38" value=";" onclick="onclick(37);" /> <input type="button" id="39" value=":" onclick="onclick(38);" /> <input type="button" id="40" value="_" onclick="onclick(39);" /> <input type="button" id="43" value="Mayúscula" onclick="oculta(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" /> <br> <input type="button" id="42" value="Espaciador" onclick="imprM(41);" style="width:100px; height:20px; text-align:center; font-size:10px;" /> </div>  </body> </html>
Este codigo es el original, esta en el tutorial de donde lo saque
Pero como es muy complejo y yo solo necesitaba numeros para ese entonces.

Lo hize nuevamente desde 0 asi:

Código: [Seleccionar]
<html> <body> <form action="" method="post" name="Teclado"> <input name="form" type="text" size="80"> <input onclick="tecla('1');" type="button" value="1" name="1"> <input onclick="tecla('2');" type="button" value="2" name="2"> <input onclick="tecla('3');" type="button" value="3" name="3"> <input onclick="tecla('4');" type="button" value="4" name="4"> <input onclick="tecla('5');" type="button" value="5" name="5"> <input onclick="tecla('6');" type="button" value="6" name="6"> <input onclick="tecla('7');" type="button" value="7" name="7"> <input onclick="tecla('8');" type="button" value="8" name="8"> <input onclick="tecla('9');" type="button" value="9" name="9"> <p align="center"> <input type="submit" value="Enviar noticia" name="enviarnoticia"> </p> </form> </body> </html>
Sin el javascript no funcionaba, entonces busque en otro tutorial y decia que se podia utilizar esto (el tutorial estaba en un foro en el mismo post había otro link con el js):

<script>
function name(var#)
{
document.var#.#.focus();
document.#.#.value += letra;
return; }
</script>
Entonces el codigo me habia quedado algo asi
Código: [Seleccionar]
<script> function name(var#) { document.var#.#.focus(); document.#.#.value += letra; return; } </script> <html> <body> <form action="" method="post" name="Teclado"> <input name="form" type="text" size="80"> <input onclick="tecla('1');" type="button" value="1" name="1"> <input onclick="tecla('2');" type="button" value="2" name="2"> <input onclick="tecla('3');" type="button" value="3" name="3"> <input onclick="tecla('4');" type="button" value="4" name="4"> <input onclick="tecla('5');" type="button" value="5" name="5"> <input onclick="tecla('6');" type="button" value="6" name="6"> <input onclick="tecla('7');" type="button" value="7" name="7"> <input onclick="tecla('8');" type="button" value="8" name="8"> <input onclick="tecla('9');" type="button" value="9" name="9"> <p align="center"> <input type="submit" value="Enviar noticia" name="enviarnoticia"> </p> </form> </body> </html>Y pues me habia quedado asi, pero no funcionaba entonces toque toque y toque hasta que me funciono.

estructura: si lo hubiese dejado como esta arriba, hubiese quedado desorganizado, entonces empece a organizar el código.
y si los parámetros están iguales, decile plageadores a los creadores del tutorial ¿si? no ami.
y el tema del titulo.
Como dije antes esto era solo para numeros, y el tutorial decia number pad.
despues le agrege las letras y simbolos, si algun rapido vio el tema cuando lo creo decia:
"aporte teclado" o algo por el estilo

despues de tantas modificaciones al post quedo como esta ahora.
Si crees que es plageo puedes notificarlo a un mod y que cierren el tema, pero
ya que no tienes pruebas y yo por si mismo se que nunca copie nada, di lo que quieras.

Saludos
pd: me tarde tanto en escribir este post y buscar el código entre mis archivos.
pd2: No hagas doble-post por lo que veo estas vigilado

¿Sabes lo mas raro?, que el código se parece mas al mio que al del "tutorial"...

Citar

pd2: No hagas doble-post por lo que veo estas vigilado

Se nota que eres nuevo, llevo 6 meses vigilado y el sistema no es automático hasta que me lo quite un mod o administrador, por si no sabes no es por que de verdad lo este, si no por que hace un tiempo lo estaba por causa de un tema que fue creado para la expulsión definitiva de un imbécil que ya no se le puede llamar usuario.

Lo dejo a decisión de otros usuarios y moderadores el cierre del tema, no del mio (No estoy de acuerdo con eso [El cierre]), lo que si no estoy de acuerdo es que digas que es tuyo, cuando lo sacaste de un "tutorial" (Si es que se le puede llamar tutorial ya que el código es completo) o del mio, quien sabe.

Saludos...

Juanda · « **Respuesta #10 en:** 16 de Mayo de 2011, 02:15:37 am »

Cita de: SoyJoaquin. en 15 de Mayo de 2011, 22:43:30 pm

¿Sabes lo mas raro?, que el código se parece mas al mio que al del "tutorial"...
Se nota que eres nuevo, llevo 6 meses vigilado y el sistema no es automático hasta que me lo quite un mod o administrador, por si no sabes no es por que de verdad lo este, si no por que hace un tiempo lo estaba por causa de un tema que fue creado para la expulsión definitiva de un imbécil que ya no se le puede llamar usuario.

Lo dejo a decisión de otros usuarios y moderadores el cierre del tema, no del mio (No estoy de acuerdo con eso [El cierre]), lo que si no estoy de acuerdo es que digas que es tuyo, cuando lo sacaste de un "tutorial" (Si es que se le puede llamar tutorial ya que el código es completo) o del mio, quien sabe.

Saludos...

Bueno si tu lo dices, te dare la razon:

Cita de: SoyJoaquin. en 15 de Mayo de 2011, 21:40:35 pm

coincidencia

¿Sastifecho?
Pd: te digo que los códigos que yo hago son totalmente míos y si me baso en alguno lo hago desde 0, no ago CyP como crees que hice.
Pd2: No lo saque de un tutorial lo aprendí del tutorial, lo único que saque fue el javascript.

Saludos

SoyJoaquin. · « **Respuesta #11 en:** 16 de Mayo de 2011, 02:47:44 am »

En fin, como ya dije, dejemos esta discusión. Al fin y al cabo esto es para los usuarios y por un código tan simple como este no me voy a pelear.

Eso si, aya aquel que quede con su conciencia negra.
Saludos.

sdptou · « **Respuesta #12 en:** 16 de Mayo de 2011, 02:53:36 am »

Precisamente le doy la razón a Joaquin, como ya dijiste copiaste el JS, y realmente todo el código en sí sería el JS y la estructuración, bueno, cuantas coincidencias, a todas estas buen aporte, repetido pero x's cada uno intenta poner su granito de Arenna

-Pituko- · « **Respuesta #13 en:** 19 de Mayo de 2011, 00:18:52 am »

Yo le doy la razón a SoyJoaquin y le doy un karma (ya te debo 2) porque defiende sus creaciones a pesar de que esta vigilado y puede ser baneado.

Yo lo hubiera hecho algo así (mas novato xD):

Código: [Seleccionar]

<script>
function letra(caracter) {
document.xd.campopost = document.xd.campopost+caracter;
}
</script>
<form name="xd" method="post">
<textarea name="campopost"></textarea>
<div onclick="letra('a')"></div>
</form>

No se si este correcto pero al menos tengo una idea.

Yo estoy de acuerdo con que cierren tema.

Noticias:

Autor Tema: [APORTE]Number pad. (Leído 1255 veces)

Juanda

[APORTE]Number pad.

Comunidad PHPeros

[APORTE]Number pad.

Juanda

Re:Number pad.

RumbaStereo

Re:Number pad.

Juanda

Re:Number pad.

SoyJoaquin.

Re:[APORTE]Number pad.

Juanda

Re:[APORTE]Number pad.

SoyJoaquin.

Re:[APORTE]Number pad.

SoyJoaquin.

Re:[APORTE]Number pad.

Juanda

Re:[APORTE]Number pad.

SoyJoaquin.

Re:[APORTE]Number pad.

Juanda

Re:[APORTE]Number pad.

SoyJoaquin.

Re:[APORTE]Number pad.

sdptou

Re:[APORTE]Number pad.

-Pituko-

Re:[APORTE]Number pad.