softkeyboard.php 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <body>
  5. <h3 id="keyboardtitle">Keyboard</h3>
  6. <select class="keyboardtype" id="keyboardtype" name="Keyboard Type"
  7. onchange="keyboardwrap()">
  8. <option keyboard-type="" value="">--</option>
  9. <option keyboard-type="Amharic" value="amh">አማርኛ</option>
  10. <option keyboard-type="Arabic" value="ara">ﺎَﻠْﻋَﺮَﺒِﻳَّﺓُ</option>
  11. <option keyboard-type="Afrikaans" value="afr">Afrikaans</option>
  12. <option keyboard-type="Akan" value="aka">Akan</option>
  13. <option keyboard-type="Ateso" value="teo">Ateso/Karamajong</option>
  14. <option keyboard-type="Bemba" value="bem">Bemba</option>
  15. <option keyboard-type="Cameroonian" value="cam">Cameroonian</option>
  16. <option keyboard-type="Dagbani" value="dag">Dagbani</option>
  17. <option keyboard-type="English" value="eng">English</option>
  18. <option keyboard-type="Ewe" value="ewe">Ewe</option>
  19. <option keyboard-type="Ga" value="ga">Ga</option>
  20. <option keyboard-type="Kikuyu" value="kik">Gĩkũyũ/Kikamba/Kĩmĩĩrũ</option>
  21. <option keyboard-type="Hausa" value="hau">Hausa</option>
  22. <option keyboard-type="Igbo" value="igb">Igbo</option>
  23. <option keyboard-type="Lingala" value="lin">Lingala</option>
  24. <option keyboard-type="Luganda" value="lug">Luganda</option>
  25. <option keyboard-type="Mali" value="mal">Mali</option>
  26. <option keyboard-type="Sesotho" value="ses">Sesotho</option>
  27. <option keyboard-type="Togo" value="tog">Togo</option>
  28. <option keyboard-type="Wolof" value="wol">Wolof</option>
  29. <option keyboard-type="Yoruba" value="yor">Yorùbá</option>
  30. </select>
  31. <div id="soft-keyboard">
  32. <button class="keyboard" id="TLDE" value="96"
  33. onclick="addcharacter('TLDE')"
  34. style="width:40px;font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  35. NotoSansArabic-Regular,NotoSansNKo-Regular"
  36. >~ &nbsp;<br>` &nbsp;</button>
  37. <button class="keyboard" id="AE01" value="49"
  38. onclick="addcharacter('AE01')"
  39. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  40. NotoSansArabic-Regular,NotoSansNKo-Regular"
  41. >! &nbsp;<br>1 &nbsp;</button>
  42. <button class="keyboard" id="AE02" value="50"
  43. onclick="addcharacter('AE02')"
  44. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  45. NotoSansArabic-Regular,NotoSansNKo-Regular"
  46. >@ &nbsp;<br>2 &nbsp;</button>
  47. <button class="keyboard" id="AE03" value="51"
  48. onclick="addcharacter('AE03')"
  49. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  50. NotoSansArabic-Regular,NotoSansNKo-Regular"
  51. ># &nbsp;<br>3 &nbsp;</button>
  52. <button class="keyboard" id="AE04" value="52"
  53. onclick="addcharacter('AE04')"
  54. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  55. NotoSansArabic-Regular,NotoSansNKo-Regular"
  56. >$ &nbsp;<br>4 &nbsp;</button>
  57. <button class="keyboard" id="AE05" value="53"
  58. onclick="addcharacter('AE05')"
  59. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  60. NotoSansArabic-Regular,NotoSansNKo-Regular"
  61. >% &nbsp;<br>5 &nbsp;</button>
  62. <button class="keyboard" id="AE06" value="54"
  63. onclick="addcharacter('AE06')"
  64. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  65. NotoSansArabic-Regular,NotoSansNKo-Regular"
  66. >^ &nbsp;<br>6 &nbsp;</button>
  67. <button class="keyboard" id="AE07" value="55"
  68. onclick="addcharacter('AE07')"
  69. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  70. NotoSansArabic-Regular,NotoSansNKo-Regular"
  71. >& &nbsp;<br>7 &nbsp;</button>
  72. <button class="keyboard" id="AE08" value="56"
  73. onclick="addcharacter('AE08')"
  74. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  75. NotoSansArabic-Regular,NotoSansNKo-Regular"
  76. >* &nbsp;<br>8 &nbsp;</button>
  77. <button class="keyboard" id="AE09" value="57"
  78. onclick="addcharacter('AE09')"
  79. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  80. NotoSansArabic-Regular,NotoSansNKo-Regular"
  81. >( &nbsp;<br>9 &nbsp;</button>
  82. <button class="keyboard" id="AE10" value="48"
  83. onclick="addcharacter('AE10')"
  84. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  85. NotoSansArabic-Regular,NotoSansNKo-Regular"
  86. >) &nbsp;<br>0 &nbsp;</button>
  87. <button class="keyboard" id="AE11" value="45"
  88. onclick="addcharacter('AE11')"
  89. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  90. NotoSansArabic-Regular,NotoSansNKo-Regular"
  91. >_ &nbsp;<br>- &nbsp;</button>
  92. <button class="keyboard" id="AE12" value="61"
  93. onclick="addcharacter('AE12')"
  94. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  95. NotoSansArabic-Regular,NotoSansNKo-Regular"
  96. >+ &nbsp;<br>= &nbsp;</button>
  97. <button class="keyboard" style="width:90px;" id="Backspace" value="\b"
  98. onclick="addcharacter('Backspace')"
  99. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  100. NotoSansArabic-Regular,NotoSansNKo-Regular"
  101. >&nbsp; &nbsp;<br>&#8676; &nbsp;</button><br>
  102. <button class="keyboard" style="width:70px;" id="Tab" value="&#09;"
  103. onclick="addcharacter('Tab')"
  104. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  105. NotoSansArabic-Regular,NotoSansNKo-Regular"
  106. >&nbsp; &nbsp;<br>&#8633; &nbsp;</button>
  107. <button class="keyboard" id="AD01" value="113"
  108. onclick="addcharacter('AD01')"
  109. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  110. NotoSansArabic-Regular,NotoSansNKo-Regular"
  111. >Q &nbsp;<br>q &nbsp;</button>
  112. <button class="keyboard" id="AD02" value="119"
  113. onclick="addcharacter('AD02')"
  114. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  115. NotoSansArabic-Regular,NotoSansNKo-Regular"
  116. >W &nbsp;<br>w &nbsp;</button>
  117. <button class="keyboard" id="AD03" value="101"
  118. onclick="addcharacter('AD03')"
  119. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  120. NotoSansArabic-Regular,NotoSansNKo-Regular"
  121. >E &nbsp;<br>e &nbsp;</button>
  122. <button class="keyboard" id="AD04" value="114"
  123. onclick="addcharacter('AD04')"
  124. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  125. NotoSansArabic-Regular,NotoSansNKo-Regular"
  126. >R &nbsp;<br>r &nbsp;</button>
  127. <button class="keyboard" id="AD05" value="116"
  128. onclick="addcharacter('AD05')"
  129. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  130. NotoSansArabic-Regular,NotoSansNKo-Regular"
  131. >T &nbsp;<br>t &nbsp;</button>
  132. <button class="keyboard" id="AD06" value="121"
  133. onclick="addcharacter('AD06')"
  134. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  135. NotoSansArabic-Regular,NotoSansNKo-Regular"
  136. >Y &nbsp;<br>y &nbsp;</button>
  137. <button class="keyboard" id="AD07" value="117"
  138. onclick="addcharacter('AD07')"
  139. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  140. NotoSansArabic-Regular,NotoSansNKo-Regular"
  141. >U &nbsp;<br>u &nbsp;</button>
  142. <button class="keyboard" id="AD08" value="105"
  143. onclick="addcharacter('AD08')"
  144. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  145. NotoSansArabic-Regular,NotoSansNKo-Regular"
  146. >I &nbsp;<br>i &nbsp;</button>
  147. <button class="keyboard" id="AD09" value="111"
  148. onclick="addcharacter('AD09')"
  149. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  150. NotoSansArabic-Regular,NotoSansNKo-Regular"
  151. >O &nbsp;<br>o &nbsp;</button>
  152. <button class="keyboard" id="AD10" value="112"
  153. onclick="addcharacter('AD10')"
  154. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  155. NotoSansArabic-Regular,NotoSansNKo-Regular"
  156. >P &nbsp;<br>p &nbsp;</button>
  157. <button class="keyboard" id="AD11" value="91"
  158. onclick="addcharacter('AD11')"
  159. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  160. NotoSansArabic-Regular,NotoSansNKo-Regular"
  161. >{ &nbsp;<br>[ &nbsp;</button>
  162. <button class="keyboard" id="AD12" value="93"
  163. onclick="addcharacter('AD12')"
  164. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  165. NotoSansArabic-Regular,NotoSansNKo-Regular"
  166. >} &nbsp;<br>] &nbsp;</button>
  167. <button class="keyboard" id="AD13" style="width:60px;" value="92"
  168. onclick="addcharacter('AD13')"
  169. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  170. NotoSansArabic-Regular,NotoSansNKo-Regular"
  171. >| &nbsp;<br>\ &nbsp;</button><br>
  172. <button class="keyboard" style="width:90px;" id="Caps" value="CapsOff"
  173. onclick="changecasewrap()"
  174. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  175. NotoSansArabic-Regular,NotoSansNKo-Regular"
  176. >&nbsp; &nbsp;<br><font color="Red">Caps</font> &nbsp;</button>
  177. <button class="keyboard" id="AC01" value="97"
  178. onclick="addcharacter('AC01')"
  179. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  180. NotoSansArabic-Regular,NotoSansNKo-Regular"
  181. >A &nbsp;<br>a &nbsp;</button>
  182. <button class="keyboard" id="AC02" value="115"
  183. onclick="addcharacter('AC02')"
  184. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  185. NotoSansArabic-Regular,NotoSansNKo-Regular"
  186. >S &nbsp;<br>s &nbsp;</button>
  187. <button class="keyboard" id="AC03" value="100"
  188. onclick="addcharacter('AC03')"
  189. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  190. NotoSansArabic-Regular,NotoSansNKo-Regular"
  191. >D &nbsp;<br>d &nbsp;</button>
  192. <button class="keyboard" id="AC04" value="102"
  193. onclick="addcharacter('AC04')"
  194. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  195. NotoSansArabic-Regular,NotoSansNKo-Regular"
  196. >F &nbsp;<br>f &nbsp;</button>
  197. <button class="keyboard" id="AC05" value="103"
  198. onclick="addcharacter('AC05')"
  199. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  200. NotoSansArabic-Regular,NotoSansNKo-Regular"
  201. >G &nbsp;<br>g &nbsp;</button>
  202. <button class="keyboard" id="AC06" value="104"
  203. onclick="addcharacter('AC06')"
  204. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  205. NotoSansArabic-Regular,NotoSansNKo-Regular"
  206. >H &nbsp;<br>h &nbsp;</button>
  207. <button class="keyboard" id="AC07" value="106"
  208. onclick="addcharacter('AC07')"
  209. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  210. NotoSansArabic-Regular,NotoSansNKo-Regular"
  211. >J &nbsp;<br>j &nbsp;</button>
  212. <button class="keyboard" id="AC08" value="107"
  213. onclick="addcharacter('AC08')"
  214. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  215. NotoSansArabic-Regular,NotoSansNKo-Regular"
  216. >K &nbsp;<br>k &nbsp;</button>
  217. <button class="keyboard" id="AC09" value="108"
  218. onclick="addcharacter('AC09')"
  219. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  220. NotoSansArabic-Regular,NotoSansNKo-Regular"
  221. >L &nbsp;<br>l &nbsp;</button>
  222. <button class="keyboard" id="AC10" value="59"
  223. onclick="addcharacter('AC10')"
  224. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  225. NotoSansArabic-Regular,NotoSansNKo-Regular"
  226. >: &nbsp;<br>; &nbsp;</button>
  227. <button class="keyboard" id="AC11" value="39"
  228. onclick="addcharacter('AC11')"
  229. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  230. NotoSansArabic-Regular,NotoSansNKo-Regular"
  231. >" &nbsp;<br>' &nbsp;</button>
  232. <button class="keyboard" style="width:104px;" id="Enter" value="&#10;"
  233. onclick="addcharacter('Enter')"
  234. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  235. NotoSansArabic-Regular,NotoSansNKo-Regular"
  236. >&nbsp; &nbsp;<br>&#8629; &nbsp;</button><br>
  237. <button class="keyboard" style="width:124px;" id="ShiftL" value="ShiftOff"
  238. onclick="shiftwrap()"
  239. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  240. NotoSansArabic-Regular,NotoSansNKo-Regular"
  241. ><br><font color="Red">&#8679;</font></button>
  242. <button class="keyboard" id="AB01" value="122"
  243. onclick="addcharacter('AB01')"
  244. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  245. NotoSansArabic-Regular,NotoSansNKo-Regular"
  246. >Z &nbsp;<br>z &nbsp;</button>
  247. <button class="keyboard" id="AB02" value="120"
  248. onclick="addcharacter('AB02')"
  249. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  250. NotoSansArabic-Regular,NotoSansNKo-Regular"
  251. >X &nbsp;<br>x &nbsp;</button>
  252. <button class="keyboard" id="AB03" value="99"
  253. onclick="addcharacter('AB03')"
  254. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  255. NotoSansArabic-Regular,NotoSansNKo-Regular"
  256. >C &nbsp;<br>c &nbsp;</button>
  257. <button class="keyboard" id="AB04" value="118"
  258. onclick="addcharacter('AB04')"
  259. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  260. NotoSansArabic-Regular,NotoSansNKo-Regular"
  261. >V &nbsp;<br>v &nbsp;</button>
  262. <button class="keyboard" id="AB05" value="98"
  263. onclick="addcharacter('AB05')"
  264. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  265. NotoSansArabic-Regular,NotoSansNKo-Regular"
  266. >B &nbsp;<br>b &nbsp;</button>
  267. <button class="keyboard" id="AB06" value="110"
  268. onclick="addcharacter('AB06')"
  269. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  270. NotoSansArabic-Regular,NotoSansNKo-Regular"
  271. >N &nbsp;<br>n &nbsp;</button>
  272. <button class="keyboard" id="AB07" value="109"
  273. onclick="addcharacter('AB07')"
  274. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  275. NotoSansArabic-Regular,NotoSansNKo-Regular"
  276. >M &nbsp;<br>m &nbsp;</button>
  277. <button class="keyboard" id="AB08" value="44"
  278. onclick="addcharacter('AB08')"
  279. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  280. NotoSansArabic-Regular,NotoSansNKo-Regular"
  281. >< &nbsp <br>, &nbsp;</button>
  282. <button class="keyboard" id="AB09" value="46"
  283. onclick="addcharacter('AB09')"
  284. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  285. NotoSansArabic-Regular,NotoSansNKo-Regular"
  286. >> &nbsp;<br>. &nbsp;</button>
  287. <button class="keyboard" id="AB10" value="47"
  288. onclick="addcharacter('AB10')"
  289. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  290. NotoSansArabic-Regular,NotoSansNKo-Regular"
  291. >? &nbsp;<br>/ &nbsp;</button>
  292. <button class="keyboard" style="width:134px;" id="ShiftR" value="ShiftOff"
  293. onclick="shiftwrap()"
  294. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  295. NotoSansArabic-Regular,NotoSansNKo-Regular"
  296. >&nbsp; &nbsp;<br><font color="Red">&#8679;</font> &nbsp;</button><br>
  297. <button class="keyboard" id="CtrlL" value=""
  298. onclick=""
  299. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  300. NotoSansArabic-Regular,NotoSansNKo-Regular"
  301. >&nbsp; &nbsp;<br>Ctrl &nbsp;</button>
  302. <button class="keyboard" id="Fn" value=""
  303. onclick=""
  304. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  305. NotoSansArabic-Regular,NotoSansNKo-Regular"
  306. >&nbsp; &nbsp;<br>Fn &nbsp;</button>
  307. <button class="keyboard" id="System" value=""
  308. onclick=""
  309. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  310. NotoSansArabic-Regular,NotoSansNKo-Regular"
  311. >&nbsp; &nbsp;<br>&#128187; &nbsp;</button>
  312. <button class="keyboard" id="Alt" value="Alt"
  313. onclick=""
  314. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  315. NotoSansArabic-Regular,NotoSansNKo-Regular"
  316. >&nbsp; &nbsp;<br>Alt &nbsp;</button>
  317. <button class="keyboard" style="width:316px;" id="Space" value="32"
  318. onclick="addcharacter('Space')"
  319. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  320. NotoSansArabic-Regular,NotoSansNKo-Regular"
  321. >&nbsp; &nbsp;<br>&nbsp; &nbsp;</button>
  322. <button class="keyboard" id="AltGr" value="AltGrOff"
  323. onclick="altgrwrap()"
  324. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  325. NotoSansArabic-Regular,NotoSansNKo-Regular"
  326. >&nbsp; &nbsp;<br><font color="DeepSkyBlue">Alt Gr</font></button>
  327. <button class="keyboard" id="Menu" value=""
  328. onclick=""
  329. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  330. NotoSansArabic-Regular,NotoSansNKo-Regular"
  331. >&nbsp; &nbsp;<br> &#9776; &nbsp;</button>
  332. <button class="keyboard" id="CtrlR" value=""
  333. onclick=""
  334. style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
  335. NotoSansArabic-Regular,NotoSansNKo-Regular"
  336. >&nbsp; &nbsp;<br>Ctrl &nbsp;</button>
  337. </div>
  338. </body>
  339. </html>