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

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

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

لحد الأقصى المسموح به لقيمة z-index هو 2,147,483,647. لذلك، إذا كنت بحاجة إلى ظهور عنصر آخر فوق الواجهة، يمكنك ببساطة تعيين قيمة z-index الخاصة به لتكون 2,000,000,001 أو أعلى. وبدلاً من ذلك، إذا كنت تفضل تعديل قيمة z-index الخاصة بالواجهة نفسها، يمكنك القيام بذلك من خلال واجهة برمجة JavaScript API.

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

فقط أضف الجزء الأوسط من الكود أدناه (الأسطر من 4 إلى 7) إلى كود الواجهة قبل نهاية السكربت كما هو موضح، ثم استبدل قيمة z-index بالقيمة الرقمية التي ترغب بها.

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

إذا كانت لديك أي أسئلة أخرى، فلا تتردد في التواصل مع فريق الدعم لدينا أو تحديد موعد لمكالمة.

إذا كان لديك ملاحظات حول هذه المقالة، أو إذا كنت بحاجة إلى مزيد من المساعدة:

• اضغط على أيقونة الدردشة المباشرة الخضراء
• حدد موعدًا للاتصال بنا
• زر مجتمعنا