انتقل إلى محتوى الدرس

Modal Dialog Hierarchy الهيكل القياسي للنافذة الحوارية

ابنِ النوافذ الحوارية الاحترافية Modal في بوتستراب 5 بجافاسكريبت القياسية، وأتقن طبقاتها الثلاث والخلفية الثابتة والتمرير الداخلي والتوسيط العمودي وملء الشاشة وتمرير البيانات الديناميكية وتسلسل النوافذ.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم النوافذ الحوارية Modals لعرض تأكيدات الحذف الحرجة، ونماذج التحرير السريعة، والتنبيهات التي تتطلب قراراً مباشراً من المستخدم دون مغادرة سياق عمله. يستبدل Bootstrap 5.3 دوال المتصفح البدائية الجامدة مثل window.alert وwindow.confirm بنوافذ أنيقة تدعم الإتاحة وكلا المظهرين الفاتح والداكن بـ Vanilla JS خالصة.

يقوم الهيكل القياسي على ثلاث طبقات متداخلة لا غنى عن أي منها: الغلاف الخارجي .modal.fade، وبداخله حاوية التموضع والأبعاد .modal-dialog، وبداخلها الصندوق الفعلي .modal-content المقسّم إلى .modal-header و.modal-body و.modal-footer.

الصف 2 صورة توضيحية
الشجرة الهيكلية لطبقات النافذة الحوارية الثلاث في بوتستراب 5 من modal حتى modal-content