كود لوحة المفاتيح العربيّة 100% (أرجو نقله لتقنيات متقدّمة)

السلام عليكم

أقدّم لكم إخوتي الكرام كود لوحة المفاتيح العربيّة كامل

و إذا كان ينقصه شيء فسيجري تطويره بإذن الله

لقد قمت بتحويله الى العمل على منتديات أحلى منتدى بنفسي لذلك أرجو الحفاظ على حقوق التجويل المكتوبة أسفل لوحة المفاتيح
هذا هو الكود

الكود:

<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="رابط منتداك"> اسم منتداك</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>