أخر المقالات
إشترك معنا ليصلك جديد الموقع

بــريدك الإلكترونى فى أمان معنا

الزيارات:
إضافة لوحة المفاتيح العربية على مدونتك

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين
لوحة المفاتيح أون لاين أداة هامة خاصة للعرب المقيمين بالدول الأجنبية حيث أن معظم أجهزة الكمبيوتر أو اللاب توب لا يوجد بها حروف الهجاء باللغة العربية بما يجد المستخدم صعوبة فى الكتابة بالعربى.
كما أنها مفيدة فى حالة عطل الكيبورد الخاصة بالمستخدم حيث أنه يمكنه إستخدام الفأرة (الماوس) فى الكتابة ثم أخذ نسخة من النص بكل بساطة.
طريقة التركيب
   1- مشاركة.
   2- تحرير.
   3- انتقال من تبويب التأليف الى تبويب HTML.
   4- ثم ضع الكواد داخل الحقل.
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<div style="text-align: right;">
<span style="color: red;">لوحة المفاتيح العربية أون لاين </span></div>
<form id="Form1" name="form1" style="margin-top: -58px;">
<div style="text-align: center;">
</div>
&nbsp;  &nbsp;  &nbsp; &nbsp;  &nbsp;  &nbsp; &nbsp;  &nbsp;  &nbsp; &nbsp;
<br />
<table align="center" cellpadding="0" cellspacing="0" id="Table1" style="width: 100%px;"><tbody>
<tr align="center" style="color: magenta;"><td dir="rtl">&nbsp; &nbsp; &nbsp; 
<br />
<center>
<textarea class="resizable processed" cols="62" dir="rtl" id="Textarea1" name="text1" rows="4" style="-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border: 3px solid #B44; font-family: 'Amiri'; font-size: 14pt; height: 171px; height: 200px; margin-bottom: -50px; margin-right: 22px; opacity: 1; overflow: auto; position: relative; width: 437px;" tabindex="1"></textarea>
&nbsp; &nbsp; &nbsp; </center>
</td></tr>
<tr align="center"><td>&nbsp; &nbsp; &nbsp; 
<br />
<center>
<img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwFGihyPSEwg34bNPP6Njw3ewetIXRa1G7vKJNXsP7LeYsFOVskUhJmPw1jcuqUud1iVhd_kLS4Lwi8CEiZNjExmCpftkbu4xbWavdqjsOCFSdz9yikfLNza74rTbln7VYiIUFmLz0r1j/s1600/del.gif" style="-moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); -webkit-filter: invert(100%); filter: invert(100%); padding: 1px 1px;" usemap="#key" width="450" /> </center>
</td></tr>
<tr><td height="52"><div style="margin-top: -45px; text-align: center;">
&nbsp; &nbsp; &nbsp; </div>
<div align="center">
<div style="-ms-filter: invert(100%); -o-filter: invert(100%); -webkit-filter: invert(100%); border: -moz-filter: invert(100%); filter: invert(100%); text-align: center;">
<img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7wCbM8qQiFasC7WxLALEMZlo20_nK9P7ik6AuxDjHXf4HduGD1b9dCEwBIw5uT_srFWKPZAC2uorbNDdiqmihbgQtzBmS8xs57cQRv8Nk6Z6edUrhWlZGRgTc3Ljovr8MPZaXW6kOarl_/s1600/de1.png.png" usemap="#key2" width="330" /></div>
<div style="text-align: center;">
<span style="color: black; font-size: medium; font-weight: bold;"><span style="font-family: &quot;amiri&quot;;">بعد الإنتهاء من الكـتابة حدّد النص و إضغط&nbsp; "Crtl + c " للنسخ و "Crtl + v " للصق</span></span></div>
</div>
</td></tr>
</tbody></table>
<center>
<map name="key">
<style>
.bt {
    cursor: pointer;
}
</style>
<area coords="121,126,292,150" onclick="form1.text1.value=form1.text1.value + ' ';" shape="RECT"></area>
<area coords="421,126,450,150" onclick="form1.text1.value=form1.text1.value + 'ْ';" shape="RECT"></area>
<area coords="391,126,417,150" onclick="form1.text1.value=form1.text1.value + 'َ';" shape="RECT"></area>
<area coords="362,126,387,150" onclick="form1.text1.value=form1.text1.value + 'ً';" shape="RECT"></area>
<area coords="330,126,357,150" onclick="form1.text1.value=form1.text1.value + 'ِ';" shape="RECT"></area>
<area coords="302,126,326,150" onclick="form1.text1.value=form1.text1.value + 'ٍ';" shape="RECT"></area>
<area coords="92,126,116,150" onclick="form1.text1.value=form1.text1.value + 'ُ';" shape="RECT"></area>
<area coords="61,126,87,150" onclick="form1.text1.value=form1.text1.value + 'ٌ';" shape="RECT"></area>
<area coords="1,1,30,30" onclick="form1.text1.value=form1.text1.value + 'ذ';" shape="RECT"></area>
<area coords="32,1,59,30" onclick="form1.text1.value=form1.text1.value + '١';" shape="RECT"></area>
<area coords="62,1,88,30" onclick="form1.text1.value=form1.text1.value + '٢';" shape="RECT"></area>
<area coords="90,1,117,30" onclick="form1.text1.value=form1.text1.value + '٣';" shape="RECT"></area>
<area coords="119,1,146,30" onclick="form1.text1.value=form1.text1.value + '٤';" shape="RECT"></area>
<area coords="149,1,177,30" onclick="form1.text1.value=form1.text1.value + '٥';" shape="RECT"></area>
<area coords="180,1,209,30" onclick="form1.text1.value=form1.text1.value + '٦';" shape="RECT"></area>
<area coords="212,1,240,30" onclick="form1.text1.value=form1.text1.value + '٧';" shape="RECT"></area>
<area coords="243,1,267,30" onclick="form1.text1.value=form1.text1.value + '٨';" shape="RECT"></area>
<area coords="270,1,298,30" onclick="form1.text1.value=form1.text1.value + '٩';" shape="RECT"></area>
<area coords="300,1,328,30" onclick="form1.text1.value=form1.text1.value + '٠';" shape="RECT"></area>
<area coords="330,1,358,30" onclick="form1.text1.value=form1.text1.value + '-';" shape="rect"></area>
<area coords="360,1,388,30" onclick="form1.text1.value=form1.text1.value + '=';" shape="RECT"></area>
<area coords="390,1,419,30" onclick="form1.text1.value=form1.text1.value + '+';" shape="rect"></area>
<area coords="38,92,65,115" onclick="form1.text1.value=form1.text1.value + '/';" shape="RECT"></area>
<area coords="421,1,445,30" hidefocus="" onclick="var result; var s = form1.text1.value; result = s.substr(0, s.length - 1); form1.text1.value = result;" shape="RECT"></area>
<area coords="22,64,50,86" onclick="form1.text1.value=form1.text1.value + ')';" shape="RECT"></area>
<area coords="16,35,44,55" onclick="form1.text1.value=form1.text1.value + '(';" shape="RECT"></area>
<area coords="369,98,396,124" onclick="form1.text1.value=form1.text1.value + '*';" shape="RECT"></area>
<area coords="399,98,425,124" onclick="form1.text1.value=form1.text1.value + 'ّ';" shape="RECT"></area>
<area coords="334,95,361,120" onclick="form1.text1.value=form1.text1.value + 'ظ';" shape="RECT"></area>
<area coords="306,95,331,120" onclick="form1.text1.value=form1.text1.value + 'ز';" shape="RECT"></area>
<area coords="276,95,300,120" onclick="form1.text1.value=form1.text1.value + 'و';" shape="RECT"></area>
<area coords="246,95,271,120" onclick="form1.text1.value=form1.text1.value + 'ة';" shape="RECT"></area>
<area coords="219,95,245,120" onclick="form1.text1.value=form1.text1.value + 'ى';" shape="RECT"></area>
<area coords="189,95,213,120" onclick="form1.text1.value=form1.text1.value + 'لا';" shape="RECT"></area>
<area coords="159,95,186,120" onclick="form1.text1.value=form1.text1.value + 'ر';" shape="RECT"></area>
<area coords="130,95,153,120" onclick="form1.text1.value=form1.text1.value + 'ؤ';" shape="RECT"></area>
<area coords="101,95,127,120" onclick="form1.text1.value=form1.text1.value + 'ء';" shape="RECT"></area>
<area coords="74,95,96,120" onclick="form1.text1.value=form1.text1.value + 'ئ';" shape="RECT"></area>
<area coords="351,64,376,90" onclick="form1.text1.value=form1.text1.value + 'ط';" shape="RECT"></area>
<area coords="321,64,348,90" onclick="form1.text1.value=form1.text1.value + 'ك';" shape="RECT"></area>
<area coords="293,64,315,90" onclick="form1.text1.value=form1.text1.value + 'م';" shape="RECT"></area>
<area coords="263,64,286,90" onclick="form1.text1.value=form1.text1.value + 'ن';" shape="RECT"></area>
<area coords="234,62,258,90" onclick="form1.text1.value=form1.text1.value + 'ت';" shape="RECT"></area>
<area coords="206,64,229,90" onclick="form1.text1.value=form1.text1.value + 'ا';" shape="RECT"></area>
<area coords="178,64,200,90" onclick="form1.text1.value=form1.text1.value + 'ل';" shape="RECT"></area>
<area coords="148,64,170,90" onclick="form1.text1.value=form1.text1.value + 'ب';" shape="RECT"></area>
<area coords="118,64,142,89" onclick="form1.text1.value=form1.text1.value + 'ي';" shape="RECT"></area>
<area coords="90,64,112,90" onclick="form1.text1.value=form1.text1.value + 'س';" shape="RECT"></area>
<area coords="60,64,84,90" onclick="form1.text1.value=form1.text1.value + 'ش';" shape="RECT"></area>
<area coords="371,33,397,60" onclick="form1.text1.value=form1.text1.value + 'د';" shape="RECT"></area>
<area coords="343,33,368,60" onclick="form1.text1.value=form1.text1.value + 'ج';" shape="RECT"></area>
<area coords="315,33,339,60" onclick="form1.text1.value=form1.text1.value + 'ح';" shape="RECT"></area>
<area coords="285,33,310,60" onclick="form1.text1.value=form1.text1.value + 'خ';" shape="RECT"></area>
<area coords="255,33,280,60" onclick="form1.text1.value=form1.text1.value + 'ه';" shape="RECT"></area>
<area coords="229,33,251,60" onclick="form1.text1.value=form1.text1.value + 'ع';" shape="RECT"></area>
<area coords="198,33,222,60" onclick="form1.text1.value=form1.text1.value + 'غ';" shape="RECT"></area>
<area coords="169,33,193,60" onclick="form1.text1.value=form1.text1.value + 'ف';" shape="RECT"></area>
<area coords="140,33,165,60" onclick="form1.text1.value=form1.text1.value + 'ق';" shape="RECT"></area>
<area coords="110,33,134,60" onclick="form1.text1.value=form1.text1.value + 'ث';" shape="RECT"></area>
<area coords="82,33,103,60" onclick="form1.text1.value=form1.text1.value + 'ص';" shape="RECT"></area>
<area coords="47,33,75,60" onclick="form1.text1.value=form1.text1.value + 'ض';" shape="RECT"></area>
<area coords="402,38,436,38,438,85,381,86,379,68,403,68" onclick="form1.text1.value=form1.text1.value + '\n';" shape="POLY"></area></map>
<map name="key2">
<area coords="300,5,325,33" onclick="form1.text1.value=form1.text1.value + '؛';" shape="RECT"></area>
<area coords="270,4,295,32" onclick="form1.text1.value=form1.text1.value + 'إ';" shape="RECT"></area>
<area coords="240,6,265,33" onclick="form1.text1.value=form1.text1.value + '،';" shape="RECT"></area>
<area coords="210,4,234,35" onclick="form1.text1.value=form1.text1.value + 'ـ';" shape="RECT"></area>
<area coords="180,5,205,33" onclick="form1.text1.value=form1.text1.value + 'أ';" shape="RECT"></area>
<area coords="150,6,175,32" onclick="form1.text1.value=form1.text1.value + 'لأ';" shape="RECT"></area>
<area coords="121,6,146,35" onclick="form1.text1.value=form1.text1.value + '؟';" shape="RECT"></area>
<area coords="92,6,117,32" onclick="form1.text1.value=form1.text1.value + '.';" shape="RECT"></area>
<area coords="62,6,87,34" onclick="form1.text1.value=form1.text1.value + ',';" shape="RECT"></area>
<area coords="29,6,56,34" onclick="form1.text1.value=form1.text1.value + 'آ';" shape="RECT"></area>
<area coords="2,6,27,34" onclick="form1.text1.value=form1.text1.value + 'لآ';" shape="RECT"></area>
</map></center>
</form>
<br /></div>
</div>
في موضوع اخر سندكر اضافة كيبورد بالفرنسية وكيفية ربطها بهاته الأضافة حتى يصير لك كيبورد عربي فرنسي بزر واحد.
اتمنى انت تنال اعجابكم ولاتبخلوا علينا بالدعاء لوالدي ولجميع المسلمين


0 التعليقات :

إرسال تعليق