كيفية ترجمة المواقع باستخدام مكتبة jQuery-Localize

[Dev.Abdulrahman]

تفضل اخي

[sniperadmin]

على حد علمي … لا يوجد ملفات مطلوبة… لكن لاحظت الload time كسر نصف ثانية تقريبا في التحميل…
ممكن نستشير المهندس @Alhakem أو المهندس @YaserAlnajjar

[Dev.Abdulrahman]

يعطيك العافية اخي وما قصرت . طيب هل يوجد مكتبات اخرى تساعد على الترجمه غير هدي

[YaserAlnajjar]

ممكن تشاركنا رابط المشروع على github pages ؟

[sniperadmin]

اذا كنت تصمم موقع بدون فريم ووركات (إطارات عمل)… فهناك الكثير

وهناك لكل اطار عمل مكتبات ترجمة أيضا سواء في الfront أو الباك اند

يعني اطر العمل التالية (React, Angular, Vuejs) لها أيضا مكتبات للترجمة…

يمكنك تصفح المكتبات التالية للHTML:
– https://www.i18next.com/
– https://github.com/rxaviers/cldrjs
– http://www.openxrest.com/translatejs/

ويمكنك البحث أيضا عن المزيد

[Dev.Abdulrahman]

اكيد تفضل اخي https://github.com/Mrabdlrhman/cleanBooking/tree/gh-pages

[Dev.Abdulrahman]

تمام بشوفهم اخي.

[YaserAlnajjar]

هذا هو الموقع https://mrabdlrhman.github.io/cleanBooking/index.html

المشكلة ظهرت عند عمل hard refresh باستعمال ctrl + f5

ممكن تجرب تأخذ هذا الجزء من الـ head إلى نهاية الـ body

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

لا أعتقد أنها ستحل المشكلة، لكن لنجرب

[sniperadmin]

التجربة نصف الحل

[Alhakem]

هلا عبدالرحمن @Dev.Abdulrahman

كما واضح في الصورة بانه يتم عمل cancel للطلب الخاص بملف الـ json والسبب لحصول ذلك هو وجود Timeout محدد لرجوع الإستجابة.

في هذه النافذة تجد تفاصيل التوقيت وكيف انه يتعدى الـ 500ms والتي هي القيمة الإفتراضية للـ Global Timeout بالـ Ajax:

السبب في حصول هذا التأخير يعود لعوامل كثيرة وحتى تتضح لك هذه العوامل إطلع على هذا الموضوع

Network Analysis Reference  |  Tools for Web Developers ...

في الوقت الحالي تحتاج إلى عمل optimizing لمشروعك حتى يكون وقت الإستجابة أسرع وتستطيع إيضأً التعديل على الـ Timeout ورفعة لقيمة أعلى من الـ 500ms وستستطيع تجاوز هذه المشكلة لكن خلي في بالك ان موقعك قد يأخذ كثير وقت وهذا بيعطي تجربة سيئة للمستخدم.

طريقة تعديل الـ Timeout:

راح تروح على ملف الإضافة jquery.localize.min.js وإبحث عن 500 وراح توصل لهذا الكود:

(g = {
    url: b,
    dataType: "json",
    async: !0,
    timeout: null != d.timeout ? d.timeout : 500,
    success: j,
    error: i
})

غير الـ 500 إلى 1000 مثلاُ، قم بتجربة ذلك وقول لنا النتيجة.

[Dev.Abdulrahman]

شكرا لكل شخص جاوب ومشاء الله عليكم ما تقصرون. طبعا تقريبا انحلت المشكله سويت نفس نصيحتكم يعني عملت refactoring للكود وكمان رجعت اللينك كلها حق جافا سكريبت تحت. بس حاليا ودي اعرف الحين لو تشوفو كودي انا مسوي صفحتين الصحفه الاولى انجليزي والثانيه عربي عشان الصفحة من اليمين لليسار بس السؤال هل اقدر اسوي صفحة وحدة بس وتتغير فيها اللغه عربي وانجليزي والديراكشن كمان حق الصفحة
وشكرا لكم شباب.

رابط الموقع : https://mrabdlrhman.github.io/cleanBooking/index.html

[Alhakem]

نعم الاصح هو عمل صفحة واحدة فقط، وبتلاقي فكرة لطريقة عمل ذلك في التعليق الرابع والسادس لي انا ونصر اطلع اطلع عليها، واذا تحتاج اي توضيح اكثر ابشر

[Dev.Abdulrahman]

السلام عليكم شباب بعد مجهود امس وبحث في الانترنت وايضا الاستفادة منكم عدت صياغه الكود وايضا استخدمت طريقه جديدة للترجمه بدون ما نسوي حتى رفريش للصفحة وايضا صارت صفحة واحدة فقط. ارففت لكم الرابط وايضا المشروع للاستفادة.
وشكرا لكم.
الرابط : https://mrabdlrhman.github.io/finalCleanLang/
المشروع : https://github.com/Mrabdlrhman/finalCleanLang/tree/master/dist

[sniperadmin]

الله عليك … أبدعت صراحة!

[Dev.Abdulrahman]

شكرا لك ومنكم نستفيد

[YaserAlnajjar]

ما شاء الله يا عبد الرحمن… تهانينا

[Alhakem]

الله عليك رائع