اذهب إلى المحتوى
  • 0

كيفية جعل إتجاه الكتابة تلقائيًا على حسب اللغة المكتوبة؟ [HTML - CSS]

علي أحمد-2

السؤال

السلام عليكم،

أبرمج موقع بسيط لكتابة مقالات وعرضها في الصفحة الرئيسية، والعملية ببساطة هي أن يكتب المستخدم في Textarea ثم بعد ضغط زر (نشر) يرسل النص إلى قاعدة البيانات ويتم عرض المقالة أو النص في الصفحة الرئيسية ، ولكن عندما أكتب كلام بالعربي من المفترض تلقائياً أن يتحول الكلام من أو الstyle إلى (rtl) وعندما أكتب كلام بالانجليزي من المفترض ان يعرض الكلام على الإستايل (ltr) فما هي الطريقة (أوتوماتيكياً) أو تلقائيًا يتعرف على لغة النص ويعرض الترتيب بالطريقة الصحيحة..

وشكراً..

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكنك استخدام هذه الشيفرة البرمجية بلغة جافا سكربت (JQuery):

$('input').keyup(function(){
    $this = $(this);
    if($this.val().length == 1)
    {
        var x =  new RegExp("[\x00-\x80]+"); // is ascii

        //alert(x.test($this.val()));

        var isAscii = x.test($this.val());

        if(isAscii)
        {
            $this.css("direction", "ltr");
        }
        else
        {
            $this.css("direction", "rtl");
        }
    }

});

حيث ستتأكد هذه الشيفرة من أن النص المدخل هو ASCII بالإعتماد على هذا الشرط ستغيّر اتجاه النص من اليمين أو من اليسار.

طبعا افترضت في هذا المثال أن اللغات المستخدمة هي العربية والإنجليزية ففي بعض اللغات الأخرى كالروسية قد تحتاج إلى شيفرة برمجية أخرى.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

@هشام رزق الله

 

للأسف لم يعمل الكود ، وضعته ضمن شفرة الجافا سكربت الخاصة بالموقع ولم يعمل!

هل هنالك تعديلات معينة يجب علي أن أفعها؟

أعتذر فأنا مُبتدئ وليست لي خلفية كبيرة في تطوير الويب.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...