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

Abdo Mohamed YT · 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

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

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

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

Abdo Mohamed YT · 12 فبراير

اقصد في موقعي

Najah Alsaker · 12 فبراير

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

اقصد في موقعي

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

Abdo Mohamed YT · 12 فبراير

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

Najah Alsaker · 12 فبراير

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

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

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

Abdo Mohamed YT · 12 فبراير

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

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

شكرا

Taha Khalid · 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

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

رابط هذا التعليق

شارك على الشبكات الإجتماعية

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

إعلانات

تابعنا على