تخصيص z-index باستخدام JavaScript API

z-index هو مصطلح يستخدم لتحديد مكان وجود عنصر HTML عددياً من بين العناصر الأخرى. الترتيب مهم لأن العناصر ذات القيم الأعلى ستكون مرئية فوق العناصر ذات المؤشر الأقل.

يتم تعيين واجهة tawk.to افتراضياً على z-index يبلغ ٢.٠٠٠.٠٠٠.٠٠٠، وهي قيمة عالية نسبياً، حيث يحتاج في كثير من الأحيان أن يقع فوق عناصر HTML الأخرى. غالباً ما يؤدي استخدام مؤشر أقل إلى عمل الواجهة بشكل طبيعي ولكنها ستكون غير مرئية بسبب وجود عناصر أخرى على صفحة الويب الخاصة بك.

الحد الأقصى لقيمة z-index المسموح به هو ٢.١٤٧.٤٨٣.٦٤٧، لذلك إذا كنت بحاجة إلى عنصر منفصل للظهور فوق الواجهة، يمكنك ببساطة تحديد z-index ليكون ٢.٠٠٠.٠٠٠.٠٠١ أو أعلى.

وبدلاً من ذلك، إذا كنت تفضل تعديل z-index الخاص بالواجهة، يمكنك القيام بذلك باستخدام واجهة برمجة الجافا سكريبت.

عند إضافة الجافا سكريبت أدناه إلى كود الواجهة المضمن سيتم تعيين قيمة جديدة يدوياً لل z-index الخاص بواجهة الدردشة. للعثور على كود الواجهة، راجع هذا المقال: أين يمكنني العثور على معرّفات الخاصيات والواجهة؟

يرجى ملاحظة أنه لا يمكنك استخدام وظائف واجهة برمجة الجافا سكريبت إلا إذا قمت بتضمين كود الواجهة لتثبيت برنامج tawk.to. إذا استخدمت مكوناً إضافياً أو تطبيقاً لإضافة الواجهة إلى نظام إدارة المحتوى، لن تتمكن من الاستفادة من وظائف واجهة برمجة الجافا سكريبت.

ما عليك سوى إضافة الجزء الأوسط من الكود أدناه (الأسطر ٤-٧) إلى كود الواجهة قبل نهاية البرنامج النصي كما هو موضح واستبدال z-index بالقيمة الرقمية التي تريدها.

مع القليل من الإبداع والاختبار، لا يوجد حد لعدد التخصيصات التي يمكنك إجراؤها باستخدام واجهة برمجة الجافا سكريبت. لمزيد من الطرق لإجراء تغييرات على كيفية ظهور الواجهة وعملها، تحقق من مقالات واجهة برمجة الجافا سكريبت الأخرى في مركز مساعدة tawk.to.