دالة js بسيطة لتحديد أتجاه الخط اتوماتيك

[ahmadmarafa]

السلام عليكم ورحمة الله وبركاته

دالة بسيطة قمت بكتابتها بالأعتماد على درس في موقع مشروع

الدالة بسيطة كل ماعليك فعلة لإستخدامها هو وضع الكود التالي في الهايدر

window.onload = function(){inputDir();}

الدالة

 function inputDir()
 {
     numOfForms = document.forms.length;
     for(x=0;x<numOfForms;x++)
     {
         currentForm = document.forms[x];
         numOfElements = currentForm.length;
         for(z=0;z<numOfElements;z++)
         {
             if(currentForm[z].type == "text" || currentForm[z].type == "textarea")
             {
                element = currentForm[z];

                

            (function(element) { 
                 if(element.addEventListener)
                 {
                    element.addEventListener('keyup', function() {
                     chooseDir(element);
                     }, false);
                 }
                 else
                 {
                    element.attachEvent('onkeyup', function() {
                    chooseDir(element);
                    }, false);

                 }
             })(element);

             }
         }
     }
 }
 function chooseDir(input)
 {

     rtlChars= '\u0600-\u06FF';
     rtlChars+= '\u0750-\u077F';
     rtlChars+= '\uFB50-\uFDFF';
     rtlChars+= '\uFE70-\uFEFF';
     
     controlChars= '\u0000-\u0020';
        controlChars+= '\u2000-\u200D';

     value = input.value;

     var reRTL     = new RegExp('^[' + controlChars + ']*[' + rtlChars + ']');
     var reControl = new RegExp('^[' + controlChars + ']*$');

     if(value.match(reRTL))
     {
            input.dir = 'rtl';
     }
     else if(value.match(reControl))
     {
         return false;
     }
     else
     {
         input.dir = "ltr";
     }

 }

[hussein.shy]

اخي ahmadmarafa
ما وظيفة الدالة addEventListener والدالة attachEvent تقريبا نفس العمل واحدة للانترنت اكسبلورار والاخرى للفايرفوكس, لكن ماوظيفتهن

[ahmadmarafa]

اخي ahmadmarafa
ما وظيفة الدالة addEventListener والدالة attachEvent تقريبا نفس العمل واحدة للانترنت اكسبلورار والاخرى للفايرفوكس, لكن ماوظيفتهن

هذه الدالة يا أخي الكريم تستخدم لمرقابة الأحداث التي تتم على عنصر ما

فبدلأً من أستخدام

<input type="text" onclick="alert()" id="inputOne">

نستخدم هذه الدوال

var inputOne = document.getElementById('inputOne') ;
// تستخدم لجميع المتصفحات فيما عدا إنترنت إكسبلورر
inputOne.addEventListener('click',function(){alert()});
//تستخدم معي إكسبلورر
inputOne.attachEvent('onClick',function(){alert()});

لمراقبة أحداث العنصر

<input type="text" id="inputOne">

خالص ودي

[hussein.shy]

بارك الله فيك

لكن كيف يمكنها ان تفيدني اذا كان يمكنني ان اكتبها هكذا

var inputOne = document.getElementById('inputOne') ;
inputOne.onclick = function() { alert('one') }; 

علما جربت هذه الطريقة علي المتصفحات التالية
فايرفوكس اخر اصدار, جوجل كروم, اوبرا , انترنت اكسبلورار 9

واشتغلت تمام علي كل المتصفحات

[ahmadmarafa]

بارك الله فيك

لكن كيف يمكنها ان تفيدني اذا كان يمكنني ان اكتبها هكذا

var inputOne = document.getElementById('inputOne') ;
inputOne.onclick = function() { alert('one') }; 

علما جربت هذه الطريقة علي المتصفحات التالية
فايرفوكس اخر اصدار, جوجل كروم, اوبرا , انترنت اكسبلورار 9

واشتغلت تمام علي كل المتصفحات

حقيقة لا أعرف الفرق , سأحاول ان ابحث عنه إن شاء الله