كود لوحة المفاتيح العربيّة 100% (html )

<center><div style="text-align: center;"><form id="Form1" name="form1"><div style="text-align: center;">
</div><table id="Table1" align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="color: Magenta;" align="center">
<td dir="rtl">
<center><!--input type="text" SIZE="62" name="text1" value=""--><textarea id="Textarea1" dir="rtl" style="border: 2px solid rgb(165, 32, 41); padding: 1px 4px; font-weight: bold; font-size: 11pt;" name="text1" rows="4" wrap="PHYSICAL" cols="62"></textarea>
</center></td></tr>
<tr align="center">
<td>
<center><img style="border: 1px solid rgb(165, 32, 41); padding: 1px 4px;" src="http://arabeforum.googlepages.com/key1.gif" usemap="#key" border="0" height="156" width="450"> </center></td></tr>
<tr>
<td height="52"><div style="text-align: center;">
</div><div align="center"><div style="text-align: center;"><img src="http://arabeforum.googlepages.com/key2.gif" usemap="#key2" border="0" height="43" width="354"><br></div><br><div style="text-align: center;"><font style="font-weight: bold; color: Red;" size="4"><span style="font-family: Courier New;">بعد الإنتهاء من الكتابة حدّد النص و إضغط&nbsp; "Crtl + c " للنسخ و "Crtl + v " للصق<br><br></span></font><div style="text-align: center;"><font style="color: Green; font-weight: bold;" size="1"><span style="font-family: Courier New;">كل حقوق تحويل الكود الى منتديات <span style="color: DarkOrchid;">أحلى منتدى</span> محفوظة لـ<a href="http://arabeforum.exprimetoi.net">منتدى العرب</a></span></font><br><font style="font-weight: bold; color: Red;" size="4"><span style="font-family: Courier New;"></span></font></div> </div></div></td></tr></tbody></table>
<center><map name="key"><area onclick="form1.text1.value=form1.text1.value + ' ';" shape="RECT" coords="119,123,292,146"><area onclick="form1.text1.value=form1.text1.value + 'ذ';" shape="RECT" coords="7,5,32,29"><area onclick="form1.text1.value=form1.text1.value + '1';" shape="RECT" coords="37,4,60,26"><area onclick="form1.text1.value=form1.text1.value + '2';" shape="RECT" coords="65,4,89,28"><area onclick="form1.text1.value=form1.text1.value + '3';" shape="RECT" coords="96,3,117,28"><area onclick="form1.text1.value=form1.text1.value + '4';" shape="RECT" coords="125,5,147,27"><area onclick="form1.text1.value=form1.text1.value + '5';" shape="RECT" coords="155,5,176,28"><area onclick="form1.text1.value=form1.text1.value + '6';" shape="RECT" coords="183,4,205,27"><area onclick="form1.text1.value=form1.text1.value + '7';" shape="RECT" coords="212,5,235,27"><area onclick="form1.text1.value=form1.text1.value + '8';" shape="RECT" coords="241,6,263,28"><area onclick="form1.text1.value=form1.text1.value + '9';" shape="RECT" coords="271,6,292,30"><area onclick="form1.text1.value=form1.text1.value + '0';" shape="RECT" coords="298,4,324,30"><area onclick="form1.text1.value=form1.text1.value + 'ظ';" shape="RECT" coords="334,92,361,118"><area onclick="form1.text1.value=form1.text1.value + 'ز';" shape="RECT" coords="306,92,331,114"><area onclick="form1.text1.value=form1.text1.value + 'و';" shape="RECT" coords="276,93,300,115"><area onclick="form1.text1.value=form1.text1.value + 'ة';" shape="RECT" coords="246,93,271,115"><area onclick="form1.text1.value=form1.text1.value + 'ى';" shape="RECT" coords="219,91,245,115"><area onclick="form1.text1.value=form1.text1.value + 'لا';" shape="RECT" coords="189,90,213,114"><area onclick="form1.text1.value=form1.text1.value + 'ر';" shape="RECT" coords="159,93,186,115"><area onclick="form1.text1.value=form1.text1.value + 'ؤ';" shape="RECT" coords="130,95,153,118"><area onclick="form1.text1.value=form1.text1.value + 'ء';" shape="RECT" coords="101,90,127,117"><area onclick="form1.text1.value=form1.text1.value + 'ئ';" shape="RECT" coords="74,92,96,115"><area onclick="form1.text1.value=form1.text1.value + 'ط';" shape="RECT" coords="351,61,376,88"><area onclick="form1.text1.value=form1.text1.value + 'ك';" shape="RECT" coords="321,63,348,86"><area onclick="form1.text1.value=form1.text1.value + 'م';" shape="RECT" coords="293,64,315,87"><area onclick="form1.text1.value=form1.text1.value + 'ن';" shape="RECT" coords="263,63,286,87"><area onclick="form1.text1.value=form1.text1.value + 'ت';" shape="RECT" coords="234,62,258,85"><area onclick="form1.text1.value=form1.text1.value + 'ا';" shape="RECT" coords="206,64,229,87"><area onclick="form1.text1.value=form1.text1.value + 'ل';" shape="RECT" coords="178,64,200,87"><area onclick="form1.text1.value=form1.text1.value + 'ب';" shape="RECT" coords="148,63,170,86"><area onclick="form1.text1.value=form1.text1.value + 'ي';" shape="RECT" coords="118,64,142,89"><area onclick="form1.text1.value=form1.text1.value + 'س';" shape="RECT" coords="90,64,112,87"><area onclick="form1.text1.value=form1.text1.value + 'ش';" shape="RECT" coords="60,64,84,86"><area onclick="form1.text1.value=form1.text1.value + 'د';" shape="RECT" coords="371,34,397,58"><area onclick="form1.text1.value=form1.text1.value + 'ج';" shape="RECT" coords="343,35,368,59"><area onclick="form1.text1.value=form1.text1.value + 'ح';" shape="RECT" coords="315,33,339,58"><area onclick="form1.text1.value=form1.text1.value + 'خ';" shape="RECT" coords="285,35,310,60"><area onclick="form1.text1.value=form1.text1.value + 'ه';" shape="RECT" coords="255,34,280,57"><area onclick="form1.text1.value=form1.text1.value + 'ع';" shape="RECT" coords="229,34,251,57"><area onclick="form1.text1.value=form1.text1.value + 'غ';" shape="RECT" coords="198,35,222,58"><area onclick="form1.text1.value=form1.text1.value + 'ف';" shape="RECT" coords="169,34,193,57"><area onclick="form1.text1.value=form1.text1.value + 'ق';" shape="RECT" coords="140,33,165,58"><area onclick="form1.text1.value=form1.text1.value + 'ث';" shape="RECT" coords="110,35,134,57"><area onclick="form1.text1.value=form1.text1.value + 'ص';" shape="RECT" coords="82,36,103,57"><area onclick="form1.text1.value=form1.text1.value + 'ض';" shape="RECT" coords="51,35,71,55"><area onclick="form1.text1.value=form1.text1.value + '\n';" shape="POLY" coords="402,38,436,38,438,85,381,86,379,68,403,68"></map><map name="key2"><area onclick="form1.text1.value=form1.text1.value + '؛';" shape="RECT" coords="317,5,343,33"><area onclick="form1.text1.value=form1.text1.value + 'إ';" shape="RECT" coords="282,4,308,32"><area onclick="form1.text1.value=form1.text1.value + '،';" shape="RECT" coords="254,6,280,33"><area onclick="form1.text1.value=form1.text1.value + 'ـ';" shape="RECT" coords="225,4,251,35"><area onclick="form1.text1.value=form1.text1.value + 'أ';" shape="RECT" coords="194,5,221,33"><area onclick="form1.text1.value=form1.text1.value + 'لأ';" shape="RECT" coords="164,6,192,32"><area onclick="form1.text1.value=form1.text1.value + '?';" shape="RECT" coords="129,6,158,35"><area onclick="form1.text1.value=form1.text1.value + '.';" shape="RECT" coords="100,6,127,32"><area onclick="form1.text1.value=form1.text1.value + ',';" shape="RECT" coords="71,6,97,34"><area onclick="form1.text1.value=form1.text1.value + 'آ';" shape="RECT" coords="36,6,62,34"><area onclick="form1.text1.value=form1.text1.value + 'لآ';" shape="RECT" coords="8,6,34,34"></map></center></form></div></center>

مع التحية