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

Tooltips vs Popovers الفرق بين التلميح والبالون

ابنِ بالونات منبثقة Popovers غنية في Bootstrap 5.3 بجافاسكريبت القياسية مع رأس ومتن مستقلين، وتحديد الحاوية والاتجاهات، والإغلاق الذكي بالنقر الخارجي، وتخصيص متغيرات CSS.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

بينما يكتفي التلميح Tooltip بسطر إرشادي عابر يظهر بمجرد مرور الفأرة، يقدّم البالون المنبثق Popover في Bootstrap 5.3 بطاقة معلوماتية عائمة مصغّرة تضم قسماً للعنوان .popover-header (عبر data-bs-title) وقسماً للمحتوى التفصيلي .popover-body (عبر data-bs-content)، وتُفتح افتراضياً بالنقر click بدلاً من المرور السريع.

يُعدّ البالون المنبثق الخيار المثالي لشرح صيغة احتساب ضريبة بجانب حقل سعر، أو عرض شروط كلمة المرور، أو تلخيص صلاحيات دور وظيفي دون مقاطعة سياق المستخدم بفتح نافذة حوارية كاملة Modal تحجب الشاشة.

الصف 2 صورة توضيحية
مقارنة معمارية بين التلميح Tooltip والبالون المنبثق Popover وآلية الإغلاق الخارجي
الصف 3 ملاحظة هامة