هل من الممكن إظهار المقالة بأكثر من لغة لتتناسب مع لغة الزائر ؟

12 فبراير

هل من الممكن اظهار المقاله بكثر من لغة لتتناسب مع لغة الزائر ؟

تم التعديل في 12 فبراير بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mustafa Suleiman · 12 فبراير

بالطبع، لكن هل ستقوم بترجمة المقالات يدويًا أم تعرض نسخة مترجمة من المقالة بشكل آلي؟

عامًة تستطيع معرفة لغة الزائر من خلال واجهة navigator في جافاسكريبت، وكمثال:

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
"width=device-width, initial-scale=1.0">
    <title>
        Get browser language preference
    </title>
</head>
 
<body>
    <div style="text-align: center;">
        <h2 style="color: green;">
            Hsoub
        </h2>
        <h3>
            Click the below button to
            get the language preference.
        </h3>
        <button id="myBtn">
            Get Preferred language
        </button>
        <p id="result"></p>
    </div>
 
    <script>
        const myBtn = document.
            getElementById('myBtn')
        function getLanguages() {
            const langs = navigator.languages;
            const result = document.
                getElementById('result');
            result.innerHTML +=
                `The Preferred languages are: <b>${langs}</b>`;
        }
        myBtn.addEventListener('click', getLanguages);
    </script>
 
</body>
 
</html>

عند الضغط على الزر سيظهر لك اللغات اللغات المفضلة لدى المستخدم في المتصفح وعرضها، وبالتالي تستطيع استخدام قيمة navigator.languages لعرض المقالة باللغة المفضلة لدى الزائر.

لكن هناك مشكلة وهو إن كان المستخدم يستخدم اللغة الإنجليزية كلغة مفضلة أولى له في المتصفح، بينما هو من بلد عربي فسيتم عرض المقالة باللغة الإنجليزية له، لذا من الأفضل عرض المقالة باللغة المناسبة لبلد الزائر وذلك من خلال عنوان الـ IP ونحصل عليه بواسطة Geolocation API.

لكن لن تحصل على ذلك إن لم يوافق المستخدم على مشاركة بيانات موقعه.

Najah Alsaker · 12 فبراير

مقالات اكاديمية حسوب جميعها باللغة العربية الفصحة ولكن يمكنك ترجمتها من خلال اضافة google translate الى متصفحك وترجمة المقالة للغة التي تريدها عبر اتباع الخطوات التالية :

ادخل الى الرابط التالي https://chromewebstore.google.com/detail/ترجمة-google/aapbdbdomjkkjkaonfhkkikfgjllcleb?pli=1

وقم بتنزيل الاضافة ثم قم بالضغط على ترجمة للغة العربية بالصفحة الخاصة بالمقالة

هذا اذا كنت تقصد عن مقالات اكاديمية حسوب

اما ان كنت تقصد انه لديك موقع يعرض مقالات وتريد ترجمته فالرجاء تحديد اللغات التي تعمل بها لمساعدتك اكثر

12 فبراير

اقصد في موقعي

Najah Alsaker · 12 فبراير

بتاريخ 1 دقيقة مضت قال عبدالرحمن محمد علي احمد:

اقصد في موقعي

الرجاء ذكر اللغات والتقنيات التي تستخدمها بالموقع الخاص بك لمساعدتك بشكل افضل

12 فبراير

لفة جافا سكريبت

Najah Alsaker · 12 فبراير

بتاريخ 1 دقيقة مضت قال عبدالرحمن محمد علي احمد:

لفة جافا سكريبت

يمكنك اتباع هذا التعليمات من الرابط التالي

12 فبراير

بتاريخ 1 دقيقة مضت قال Najah Alsaker:

يمكنك اتباع هذا التعليمات من الرابط التالي

شكرا

Taha Khaled2 · 12 فبراير

بطبع يوجد طريقه اولا علينا معرفة للغة الجهاز الخاص بزائر ثما كتابة المقال باكثر من للغه
مثال علي كود عند دخول المستخدم يتم ترجمة المقال علي حسب للغته ثما اذا كان يريد تغييرها يستطيع ذالك عن طريق الازرار الخاصه بكل للغه

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Multi-Language Article</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div id="article">
    <h1 id="title">Hello World!</h1>
    <p id="content">This is a sample article.</p>
  </div>

  <div id="language-buttons">
    <button onclick="changeLanguage('en')">English</button>
    <button onclick="changeLanguage('fr')">French</button>
    <button onclick="changeLanguage('es')">Spanish</button>
  </div>

  <script src="script.js"></script>
</body>
</html>

كود الجافا سكريبت

function changeLanguage(language) {
  const titles = {
    'en': 'Hello World!',
    'fr': 'Bonjour le monde!',
    'es': '¡Hola Mundo!'
  };

  const contents = {
    'en': 'This is a sample article.',
    'fr': 'Ceci est un article d\'exemple.',
    'es': 'Este es un artículo de muestra.'
  };

  document.getElementById('title').textContent = titles[language];
  document.getElementById('content').textContent = contents[language];
}

يمكنك تجربة الكود من هنا

هل من الممكن إظهار المقالة بأكثر من لغة لتتناسب مع لغة الزائر ؟

السؤال

عبدالرحمن محمد علي احمد

8 أجوبة على هذا السؤال

Recommended Posts

Mustafa Suleiman

Najah Alsaker

عبدالرحمن محمد علي احمد

Najah Alsaker

عبدالرحمن محمد علي احمد

Najah Alsaker

عبدالرحمن محمد علي احمد

Taha Khaled2

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية