استبدل مربعات تنبيه جافا سكريبت بهذا البديل المجيب

تنبيه منبثق JavaScript يكره الجميع إلى حد كبير. يجذب انتباهك ويتفوق على المتصفح ، لذلك تحتاج إلى إغلاقه قبل أن تتمكن من التفاعل مع الصفحة.

في العصر الحديث ، نستطيع تفعل أفضل من مربعات التنبيه JavaScript. SweetAlert2 ربما هو الحل الأفضل.

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

بطبيعة الحال ، كما أنها مفتوحة المصدر و متاح مجانا على جيثب إذا كنت تريد حفر في رمز.

ولكن ، الكنز الحقيقي هو العرض التوضيحي على الصفحة الرئيسية لموقع SweetAlert. هذا يقدم مقارنة مباشرة بين مربع التنبيه JavaScript الأصلي ورسالة SweetAlert2.

والمضحك هو أن مقتطفات الكود لا تبدو كثيرة الاختلاف. يمكنك تشغيل SweetAlert2 مع سطر واحد من التعليمات البرمجية تمامًا مثل تنبيه JavaScript المعتاد ، على الرغم من أن هذا الخط قد يكون أطول مقارنة.

مع SweetAlert ، أنت الحصول على مزيد من السيطرة على نمط مربع منبثق ، الرسوم المتحركة ، وأزرار الزر ، وأنماط النص. يمكنك حتى تضمين الصور أو مقاطع الفيديو في مربع التنبيه.

ومع ذلك ، فإن أفضل ميزة مطلقة هي أن SweetAlert2 لا تجاوز المتصفح بأكمله. إذا قمت بتشغيل نافذة منبثقة SweetAlert2 ، فسوف تقوم بذلك عرض فقط على علامة تبويب واحدة, لذلك ، حتى لو كان المستخدم يتصفح موقعًا آخر ، فلن يتم توجيهه بقوة إلى علامة التبويب الخاصة بك لمجرد ظهور تنبيه.

هذا في النهاية يزيد من مشاركة المستخدم لأنه لا يتم تجنّب الأشخاص بسبب ممارسات UX المشبوهة.

يمكنك ضبط مؤقت الإغلاق التلقائي ، تأكيد / رفض الأزرار, و حتى تخصيص الرسوم المتحركة باستخدام مكتبات الجهات الخارجية مثل Animate.css.

إذا كان هناك أي برنامج نصي يجب عليك استخدامه بدلاً من تنبيه جافا سكريبت التقليدي ، فلن يكون SweetAlert2. هذا الشيء هو مجانا تماما, المصدر المفتوح, و يقدم مجموعة من الخيارات المخصصة التي سوف يكون كل مطور ويب ابتسامة من الأذن إلى الأذن.

تحقق من الموقع الرئيسي لمعرفة المزيد و رؤية بعض الأمثلة الحية. يمكنك أيضًا استعراض الريبو لـ GitHub إذا كنت تريد مشاهدة الملفات والتحقق من سجلات الإصدار.