http://www.csulb.edu/~txie/PINYIN/pinyin.htm
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>™Du Computer information Technology Co,.Ltd® is engaged in applied software design, development and
service.We provide system solution to fund flow, information flow, human
resource flow, material flow and control flow.勝利は仕事部屋である貴方にご光来を賜ることを歓迎,®geoVI 일
방,고향 geocVi 스튜디오는 缔友计算机信息技术有限公司,Du Computer information Technology Co,.Ltd.Geovin Du.</title>
<meta content="Geovin Du,涂聚文" name="Author"/>
<meta name="description" content="涂聚文,缔友计算机信息技术有限公司,经营信息流,物流,人力资源流,资本流的系统解决方案的开发与设计和服务,geoVI studio.Geovin Du. Systems Solution to Fund flow,and Information flow,and Material flow,and Control flow,and Human Resource.Applied software development,design and service。."/>
<meta name="Robots" content="all index follow "/>
</head>
<body>
<div id="buzz" style="clear:both;position: absolute;"></div>
<div id="contenu"><h2>PinYin Keyboard - PinYin Editor </h2>
<script language="javascript" type="text/javascript">
// src="cmlat.js"Geovin Du 涂聚文
function alpha(unicode)
{ txt = document.conversion.saisie.value; txt = txt + String.fromCharCode(unicode); document.conversion.saisie.value = txt; document.conversion.saisie.focus();
}
function copy()
{ textRange=document.conversion.saisie.createTextRange(); textRange.execCommand("Copy"); textRange="";
}
</script>
<script language="javascript" type="text/javascript">
// src="carch.js"Geovin Du 涂聚文
var car;
function transcrire() {
car = document.conversion.saisie.value;
car = car.replace(/a1/g, "ā");
car = car.replace(/a2/g, "á");
car = car.replace(/a3/g, "ǎ");
car = car.replace(/a4/g, "à");
car = car.replace(/e1/g, "ē");
car = car.replace(/e2/g, "é");
car = car.replace(/e3/g, "ě");
car = car.replace(/e4/g, "è");
car = car.replace(/i1/g, "ī");
car = car.replace(/i2/g, "í");
car = car.replace(/i3/g, "ǐ");
car = car.replace(/i4/g, "ì");
car = car.replace(/o1/g, "ō");
car = car.replace(/o2/g, "ó");
car = car.replace(/o3/g, "ǒ");
car = car.replace(/o4/g, "ò");
car = car.replace(/u1/g, "ū");
car = car.replace(/u2/g, "ú");
car = car.replace(/u3/g, "ǔ");
car = car.replace(/u4/g, "ù");
car = car.replace(/ü1/g, "ǖ");
car = car.replace(/ü2/g, "ǘ");
car = car.replace(/ü3/g, "ǚ");
car = car.replace(/ü4/g, "ǜ");
car = car.replace(/an1/g, "ān");
car = car.replace(/an2/g, "án");
car = car.replace(/an3/g, "ǎn");
car = car.replace(/an4/g, "àn");
car = car.replace(/ang1/g, "āng");
car = car.replace(/ang2/g, "áng");
car = car.replace(/ang3/g, "ǎng");
car = car.replace(/ang4/g, "àng");
car = car.replace(/en1/g, "ēn");
car = car.replace(/en2/g, "én");
car = car.replace(/en3/g, "ěn");
car = car.replace(/en4/g, "èn");
car = car.replace(/eng1/g, "ēng");
car = car.replace(/eng2/g, "éng");
car = car.replace(/eng3/g, "ěng");
car = car.replace(/eng4/g, "èng");
car = car.replace(/in1/g, "īn");
car = car.replace(/in2/g, "ín");
car = car.replace(/in3/g, "ǐn");
car = car.replace(/in4/g, "ìn");
car = car.replace(/ong1/g, "ōng");
car = car.replace(/ong2/g, "óng");
car = car.replace(/ong3/g, "ǒng");
car = car.replace(/ong4/g, "òng");
car = car.replace(/un1/g, "ūn");
car = car.replace(/un2/g, "ún");
car = car.replace(/un3/g, "ǔn");
car = car.replace(/un4/g, "ùn");
car = car.replace(/er2/g, "ér");
car = car.replace(/er3/g, "ěr");
car = car.replace(/er4/g, "èr");
car = car.replace(/aō/g, "āo");
car = car.replace(/aó/g, "áo");
car = car.replace(/aǒ/g, "ǎo");
car = car.replace(/aò/g, "ào");
car = car.replace(/oū/g, "ōu");
car = car.replace(/oú/g, "óu");
car = car.replace(/oǔ/g, "ǒu");
car = car.replace(/où/g, "òu");
car = car.replace(/aī/g, "āi");
car = car.replace(/aí/g, "ái");
car = car.replace(/aǐ/g, "ǎi");
car = car.replace(/aì/g, "ài");
car = car.replace(/eī/g, "ēi");
car = car.replace(/eí/g, "éi");
car = car.replace(/eǐ/g, "ěi");
car = car.replace(/eī/g, "èi");
document.conversion.saisie.value=car;
}
</script>
<p>They are two ways to write in pinyin : using the tone number (ex: <em>Zhong1wen2</em>)
or using the virtual keyboard.</p>
<form action="" method="post" name="conversion" id="conversion">
<table width="470" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#999999">
<tr>
<td><table width="100%" border="0" cellpadding="10" cellspacing="1" bgcolor="#E4E4E4">
<tr>
<td><textarea onkeyup="transcrire()" style=" 100%;" name="saisie" rows="10"></textarea>
<BR/>
<input name="button2" type="button" onclick="alpha(257)" value="ā"/>
<input name="button3" type="button" onclick="alpha(225)" value="á"/>
<input name="button4" type="button" onclick="alpha(462)" value="ǎ"/>
<input name="button5" type="button" onclick="alpha(224)" value="à"/>
<input name="button6" type="button" onclick="alpha(275)" value="ē"/>
<input name="button7" type="button" onclick="alpha(233)" value="é "/>
<input name="button8" type="button" onclick="alpha(283)" value="ě"/>
<input name="button9" type="button" onclick="alpha(232)" value="è"/>
<input name="button10" type="button" onclick="alpha(299)" value="ī"/>
<input name="button11" type="button" onclick="alpha(237)" value="í"/>
<input name="button12" type="button" onclick="alpha(464)" value="ǐ"/>
<input name="button13" type="button" onclick="alpha(236)" value="ì"/>
<input name="button14" type="button" onclick="alpha(333)" value="ō"/>
<input name="button15" type="button" onclick="alpha(243)" value="ó "/>
<input name="button16" type="button" onclick="alpha(466)" value="ǒ"/>
<input name="button17" type="button" onclick="alpha(242)" value="ò"/>
<input name="button18" type="button" onclick="alpha(363)" value="ū"/>
<input name="button19" type="button" onclick="alpha(250)" value="ú"/>
<input name="button20" type="button" onclick="alpha(468)" value="ǔ"/>
<input name="button21" type="button" onclick="alpha(249)" value="ù"/>
<input name="button" type="button" onclick="alpha(470)" value="ǖ" />
<input name="button22" type="button" onclick="alpha(472)" value="ǘ" />
<input name="button23" type="button" onclick="alpha(474)" value="ǚ" />
<input name="button24" type="button" onclick="alpha(476)" value="ǜ" />
<input name="button25" type="button" onclick="alpha(252)" value="ü" /></td>
</tr>
<tr> </tr>
<tr> </tr>
</table></td>
</tr>
</table>
<script type="text/javascript">document.conversion.saisie.focus();</script>
</form>
</div>
</body>
</html>