Comunidad PHPeros
Lenguajes => (X)HTML => Mensaje iniciado por: 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.
<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>
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:
(http://img542.imageshack.us/img542/4742/90157753.png)
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
-
ACTUALIZADO CON ALGUNOS ICONOS Y TODOS LOS NUMEROS.
saludos
-
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 +
-
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.
-
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?
-
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
-
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:
<html>
<head>
<script language="Javascript" type="text/javascript">
function tecla(letra) {
document.Teclado.form.value += letra;
document.Teclado.form.focus();
return;
}
</script>
Mio:
<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:
<input onclick="tecla('a');" type="button" value="A" name="a">
Mio:
<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:
<form action="" method="post" name="Teclado">
Mio:
<form action="" method="post" name="formulario">
Siguen los parámetros en el mismo orden, ¿Que raro no?
Tuyo:
<input name="form" type="text" size="80">
Mio:
<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.
-
Otra cosa que mas me caga es que pones "Number Pad", cuando es de letras xD
No sera por que lo viste en:
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,
-
<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ú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>
<!-- 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:
<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
<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
-
<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ú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>
<!-- 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:
<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
<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"...
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...
-
¿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:
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
-
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.
-
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
-
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):
<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.