|
制作任何一种语言的模拟键盘（软键盘），小语种学习爱好者的福音！
本文中所说的语言的模拟键盘（软键盘）是指在屏幕上模拟键盘界面，使用鼠标点击虚拟按键进行文字输入的HTML应用程序（HTA是HTML Application的缩写（HTML应用程序），直接将HTML保存成HTA的格式，就是一个独立的应用软件）。 方法一：制作一个简单的语言键盘。创建表单网页即可。将以下内容（蓝色部分）复制到记事本中，然后另存为类型 所有文件，名称 伯来语虚拟键盘.hta 就是一个最简单的希伯来语虚拟键盘。将文件中希伯来语字母（本页面中可能出现？）替换成你的字母就可以制作一个你所需要的键盘了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=7" /> <title>希伯来语虚拟键盘-卜一丄-http://buyisen.blog.163.com</title> </head> <body> <style type="text/css"> <!-- .keyboard {height: 30px;width: 30px;font-size: 20px;font-weight: bold;} textarea {font-size: 20px;font-weight: bold;} --> </style> <script language="javascript"> <!-- function code(code) { if (code!="") { document.form.textarea.value += code; document.form.textarea.focus(); } } function jsCopy() { var e=document.getElementById("textarea"); e.select(); document.execCommand("Copy"); } //--> </script> <form action="" method="post" name="form" id="form" onmouseover="thisform=this;"> <div align="center"> <textarea name="textarea" id="textarea" cols="41" rows="5" dir="rtl"></textarea> </div> <div align="center"> <input type="button" name="Submit" value="复 制" onclick="jsCopy()" /> <input type="reset" name="button" value="清 空" /> </div> <div align="center"> <input type="button" class="keyboard" value="1" onclick="code('1');" /> <input type="button" class="keyboard" value="2" onclick="code('2');" /> <input type="button" class="keyboard" value="3" onclick="code('3');" /> <input type="button" class="keyboard" value="4" onclick="code('4');" /> <input type="button" class="keyboard" value="5" onclick="code('5');" /> <input type="button" class="keyboard" value="6" onclick="code('6');" /> <input type="button" class="keyboard" value="7" onclick="code('7');" /> <input type="button" class="keyboard" value="8" onclick="code('8');" /> <input type="button" class="keyboard" value="9" onclick="code('9');" /> <input type="button" class="keyboard" value="0" onclick="code('0');" /> </div> <div align="center"> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> </div> <div align="center"> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> </div> <div align="center"> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> <input type="button" class="keyboard" value="?" onclick="code('?');" /> </div> </form> </div> </div> </body> </html> |
|
|
地板#
发布于：2010-01-15 21:10
NB.看不懂！我现在一直在纠结win7的日语输入法！
|
|
|
4#
发布于：2010-01-14 01:41
方法二：制作一个图片键盘。
本帖最后由 buyisen 于 2010-1-14 01:44 编辑 方法二：制作一个图片键盘。在网页中使用图片点击区域定义即可。将以下内容（蓝色部分）复制到记事本中，然后另存为类型 所有文件，名称 阿拉伯语虚拟键盘.hta ，然后将下面两张图片保存到与 阿拉伯语虚拟键盘.hta 位于同一文件夹下， 就是一个阿拉伯语虚拟键盘。将文件中阿拉伯语虚拟字母（本页面中可能出现？）替换成你的字母，然后修改图片就可以制作一个你所需要的键盘了。 将此图片另存为 key1.gif 注意保存时，选择保存所有文件，图片格式为gif 图片：key1.gif 
将此图片另存为 key2.gif，注意保存时，选择保存所有文件，图片格式为gif 图片：key2.gif 
[p=30, 2, left]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">[/p][p=30, 2, left][/p][p=30, 2, left]<!-- saved from url=(0040)-http://buyisen.blog.163.com -->[/p][p=30, 2, left][/p][p=30, 2, left]<HTML><HEAD><TITLE>Arabic Keyboard</TITLE>[/p][p=30, 2, left][/p][p=30, 2, left]<META http-equiv=Content-Type content="text/html; charset=windows-1256">[/p][p=30, 2, left][/p][p=30, 2, left]<META http-equiv=Content-Language content=ar-sa>[/p][p=30, 2, left][/p][p=30, 2, left]<META content="MSHTML 6.00.2900.3199" name=GENERATOR></HEAD>[/p][p=30, 2, left][/p][p=30, 2, left]<BODY>[/p][p=30, 2, left][/p][p=30, 2, left]<FORM name=form1>[/p][p=30, 2, left][/p][p=30, 2, left]<DIV align=left>[/p][p=30, 2, left][/p][p=30, 2, left]<TABLE cellSpacing=2 cellPadding=2 align=left>[/p][p=30, 2, left][/p][p=30, 2, left]<TBODY>[/p][p=30, 2, left][/p][p=30, 2, left]<TR><BR><FONT face="arial, helvetica" color=#ff0000 size=-1><B><U>Note: If [/p][p=30, 2, left][/p][p=30, 2, left]you don't see the arabic letters:</U></B><BR></FONT><FONT [/p][p=30, 2, left][/p][p=30, 2, left]face="arial, helvetica" color=#000000 size=-1>- Choose view<BR>- "Encoding" [/p][p=30, 2, left][/p][p=30, 2, left]or "charcter Encoding".<BR>- Choose "Arabic Windows".</FONT><BR><BR>[/p][p=30, 2, left][/p][p=30, 2, left]<TD><IMG height=156 src="key1.gif" width=450 [/p][p=30, 2, left][/p][p=30, 2, left]useMap=#key border=0></TD></TR>[/p][p=30, 2, left][/p][p=30, 2, left]<TR>[/p][p=30, 2, left][/p][p=30, 2, left]<TD dir=rtl>[/p][p=30, 2, left][/p][p=30, 2, left]<CENTER>???? ??? ???<FONT face="Times New Roman, Times, serif"> [/p][p=30, 2, left][/p][p=30, 2, left]Explorer5.x </FONT><BR><!input type="text" SIZE="62" name="text1" value=""><TEXTAREA name=text1 rows=3 wrap=PHYSICAL cols=50></TEXTAREA> [/p][p=30, 2, left][/p][p=30, 2, left]</CENTER></TD>[/p][p=30, 2, left][/p][p=30, 2, left]<TR>[/p][p=30, 2, left][/p][p=30, 2, left]<TD height=52>[/p][p=30, 2, left][/p][p=30, 2, left]<DIV align=center><IMG height=43 src="key2.gif" [/p][p=30, 2, left][/p][p=30, 2, left]width=354 useMap=#key2 border=0> </DIV></TD></TR>[/p][p=30, 2, left][/p][p=30, 2, left]<TR dir=rtl vAlign=top>[/p][p=30, 2, left][/p][p=30, 2, left]<TD height=46>[/p][p=30, 2, left][/p][p=30, 2, left]<DIV align=right>??? ???????? ?? ??????? ?? ?????? ???? ?? ???? "Ctrl C" [/p][p=30, 2, left][/p][p=30, 2, left]???? ???? ???? "Ctrl V"</DIV></TD></TR></TBODY></TABLE><MAP name=key><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + ' ';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=119,123,292,146><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=7,5,32,29><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=37,4,60,26><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '2';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=65,4,89,28><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=96,3,117,28><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '4';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=125,5,147,27><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=155,5,176,28><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '6';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=183,4,205,27><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=212,5,235,27><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '8';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=241,6,263,28><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=271,6,292,30><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '0';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=298,4,324,30><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=334,92,361,118><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=306,92,331,114><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=276,93,300,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=246,93,271,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=219,91,245,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '??';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=190,91,214,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=159,93,186,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=130,95,153,118><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=101,90,127,117><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=74,92,96,115><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=351,61,376,88><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=321,63,348,86><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=293,64,315,87><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=263,63,286,87><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=234,62,258,85><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=206,64,229,87><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=178,64,200,87><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=148,63,170,86><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=118,64,142,89><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=90,64,112,87><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=60,64,84,86><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=371,34,397,58><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=343,35,368,59><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=315,33,339,58><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=285,35,310,60><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=255,34,280,57><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=229,34,251,57><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=198,35,222,58><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=169,34,193,57><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=140,33,165,58><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=110,35,134,57><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=82,36,103,57><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=51,35,73,58></MAP><MAP name=key2><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=317,5,343,33><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=282,4,308,32><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=254,6,280,33><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=225,4,251,35><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=194,5,221,33><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '??';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=164,6,192,32><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=129,6,158,35><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '.';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=100,6,127,32><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=71,6,97,34><AREA [/p][p=30, 2, left][/p][p=30, 2, left]onclick="form1.text1.value=form1.text1.value + '?';" shape=RECT [/p][p=30, 2, left][/p][p=30, 2, left]coords=36,6,62,34><AREA [/p][p=30, 2, left][/p][p=30, 2, left]shape=RECT coords=8,6,34,34></MAP></DIV>[/p][p=30, 2, left][/p][p=30, 2, left]<DIV align=center></DIV></FORM></BODY></HTML>[/p] |
|
