Tema: teclado virtual numerico
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/08/2009, 07:26
Avatar de Adler
Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: teclado virtual numerico
Código javascript: 
Ver original
  1. <body onLoad="teclado();">
  2.  
  3. <form method="post" action="teclado_pantalla.asp">
  4. <textarea id="ta" name="textarea" cols="60" rows="10"></textarea><br>
  5. <br><br>
  6. <br><br>
  7. <br><br>
  8. <br><br>
  9. <input type="submit" id="60" value="ENTER" style="width:60px; height:20px; text-align:center; font-size:10px;"/> 
  10. </form>
  11.  
  12.  
  13. <!-- TECLADO -->
  14.  
  15. <div id="c1" class="posLay1">
  16. <input type="button" id="1" value="1" onclick="imprm(0);" />
  17. <input type="button" id="2" value="2" onclick="imprm(1);" />
  18. <input type="button" id="3" value="3" onclick="imprm(2);" />
  19. <input type="button" id="4" value="4" onclick="imprm(3);" />
  20. <input type="button" id="5" value="5" onclick="imprm(4);" />
  21. <input type="button" id="6" value="6" onclick="imprm(5);" />
  22. <input type="button" id="7" value="7" onclick="imprm(6);" />
  23. <input type="button" id="8" value="8" onclick="imprm(7);" />
  24. <input type="button" id="9" value="9" onclick="imprm(8);" />
  25. <input type="button" id="10" value="0" onclick="imprm(9);" />
  26. <input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" />
  27. <br>
  28. <input type="button" id="11" value="q" onclick="imprm(10);" />
  29. <input type="button" id="12" value="w" onclick="imprm(11);" />
  30. <input type="button" id="13" value="e" onclick="imprm(12);" />
  31. <input type="button" id="14" value="r" onclick="imprm(13);" />
  32. <input type="button" id="15" value="t" onclick="imprm(14);" />
  33. <input type="button" id="16" value="y" onclick="imprm(15);" />
  34. <input type="button" id="17" value="u" onclick="imprm(16);" />
  35. <input type="button" id="18" value="i" onclick="imprm(17);" />
  36. <input type="button" id="19" value="o" onclick="imprm(18);" />
  37. <input type="button" id="20" value="p" onclick="imprm(19);" />
  38. <input type="button" id="41" value="Salto" onclick="imprm(40);"  style="width:40px; height:20px; text-align:center; font-size:10px;" />
  39. <br>
  40. <input type="button" id="21" value="a" onclick="imprm(20);" />
  41. <input type="button" id="22" value="s" onclick="imprm(21);" />
  42. <input type="button" id="23" value="d" onclick="imprm(22);" />
  43. <input type="button" id="24" value="f" onclick="imprm(23);" />
  44. <input type="button" id="25" value="g" onclick="imprm(24);" />
  45. <input type="button" id="26" value="h" onclick="imprm(25);" />
  46. <input type="button" id="27" value="j" onclick="imprm(26);" />
  47. <input type="button" id="28" value="k" onclick="imprm(27);" />
  48. <input type="button" id="29" value="l" onclick="imprm(28);" />
  49. <input type="button" id="30" value="ñ" onclick="imprm(29);" />
  50. <input type="button" id="44" value="Tab" onclick="imprm(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" />
  51. <br>
  52. <input type="button" id="31" value="z" onclick="imprm(30);" />
  53. <input type="button" id="32" value="x" onclick="imprm(31);" />
  54. <input type="button" id="33" value="c" onclick="imprm(32);" />
  55. <input type="button" id="34" value="v" onclick="imprm(33);" />
  56. <input type="button" id="35" value="b" onclick="imprm(34);" />
  57. <input type="button" id="36" value="n" onclick="imprm(35);" />
  58. <input type="button" id="37" value="m" onclick="imprm(36);" />
  59. <input type="button" id="38" value="," onclick="imprm(37);" />
  60. <input type="button" id="39" value="." onclick="imprm(38);" />
  61. <input type="button" id="40" value="-" onclick="imprm(39);" />
  62. <input type="button" id="43" value="May&uacute;scula" onclick="muestra(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" />
  63. <br>
  64. <input type="button" id="42" value="Espaciador" onclick="imprm(41);"  style="width:100px; height:20px; text-align:center; font-size:10px;" />
  65. </div>
  66.  
  67.  
  68.  
  69.  
  70. <div id="c2" class="posLay2">
  71. <input type="button" id="1" value="!" onclick="imprM(0);" />
  72. <input type="button" id="2" value=""" onclick="imprM(1);" />
  73. <input type="button" id="3" value="&#183;" onclick="imprM(2);" />
  74. <input type="button" id="4" value="&#37;" onclick="imprM(3);" />
  75. <input type="button" id="5" value="/" onclick="imprM(4);" />
  76. <input type="button" id="6" value="(" onclick="imprM(5);" />
  77. <input type="button" id="7" value=")" onclick="imprM(6);" />
  78. <input type="button" id="8" value="=" onclick="imprM(7);" />
  79. <input type="button" id="9" value="?" onclick="imprM(8);" />
  80. <input type="button" id="10" value="&#191;" onclick="imprM(9);" />
  81. <input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:40px; height:20px; text-align:center; font-size:10px;" />
  82. <br>
  83. <input type="button" id="11" value="Q" onclick="imprM(10);" />
  84. <input type="button" id="12" value="W" onclick="imprM(11);" />
  85. <input type="button" id="13" value="E" onclick="imprM(12);" />
  86. <input type="button" id="14" value="R" onclick="imprM(13);" />
  87. <input type="button" id="15" value="T" onclick="imprM(14);" />
  88. <input type="button" id="16" value="Y" onclick="imprM(15);" />
  89. <input type="button" id="17" value="U" onclick="imprM(16);" />
  90. <input type="button" id="18" value="I" onclick="imprM(17);" />
  91. <input type="button" id="19" value="O" onclick="imprM(18);" />
  92. <input type="button" id="20" value="P" onclick="imprM(19);" />
  93. <input type="button" id="41" value="Salto" onclick="imprM(40);"  style="width:40px; height:20px; text-align:center; font-size:10px;" />
  94. <br>
  95. <input type="button" id="21" value="A" onclick="imprM(20);" />
  96. <input type="button" id="22" value="S" onclick="imprM(21);" />
  97. <input type="button" id="23" value="D" onclick="imprM(22);" />
  98. <input type="button" id="24" value="F" onclick="imprM(23);" />
  99. <input type="button" id="25" value="G" onclick="imprM(24);" />
  100. <input type="button" id="26" value="H" onclick="imprM(25);" />
  101. <input type="button" id="27" value="J" onclick="imprM(26);" />
  102. <input type="button" id="28" value="K" onclick="imprM(27);" />
  103. <input type="button" id="29" value="L" onclick="imprM(28);" />
  104. <input type="button" id="30" value="&#209;" onclick="imprM(29);" />
  105. <input type="button" id="44" value="Tab" onclick="imprM(42);" style="width:40px; height:20px; text-align:center; font-size:10px;" />
  106. <br>
  107. <input type="button" id="31" value="Z" onclick="imprM(30);" />
  108. <input type="button" id="32" value="X" onclick="imprM(31);" />
  109. <input type="button" id="33" value="C" onclick="imprM(32);" />
  110. <input type="button" id="34" value="V" onclick="imprM(33);" />
  111. <input type="button" id="35" value="B" onclick="imprM(34);" />
  112. <input type="button" id="36" value="N" onclick="imprM(35);" />
  113. <input type="button" id="37" value="M" onclick="imprM(36);" />
  114. <input type="button" id="38" value=";" onclick="imprM(37);" />
  115. <input type="button" id="39" value=":" onclick="imprM(38);" />
  116. <input type="button" id="40" value="_" onclick="imprM(39);" />
  117. <input type="button" id="43" value="May&uacute;scula" onclick="oculta(capa2)" style="width:80px; height:20px; text-align:center; font-size:10px;" />
  118. <br>
  119. <input type="button" id="42" value="Espaciador" onclick="imprM(41);"  style="width:100px; height:20px; text-align:center; font-size:10px;" />
  120. </div>
  121.  
  122. <!-- FIN TECLADO -->
  123.  
  124. </body>
  125. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />