softkeyboard.php 27 KB

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