عنصر مربع الحوار - أصبحت النوافذ أكثر سهولة

Eiji Kitamura

أصبح Chrome Canary متوافقًا مع عنصر مربع الحوار وراء علامة. يمكن استخدام العنصر dialog للنوافذ المنبثقة في صفحة ويب.

  • show(): فتح مربع الحوار
  • close(): إغلاق مربّع الحوار تستخدم هذه الدالة وسيطة اختيارية يتم ضبط dialog.returnValue عليها، في حال توفّرها.
  • showModal(): فتح مربّع الحوار المشروط
  • ::backdrop: عنصر وهمي لتصميم خلفية خلف مربّع حوار شكلي
  • حدث close: يتم إطلاقه عند إغلاق مربّع حوار.

تعديل بتاريخ 16 كانون الأول (ديسمبر) 2013

أصبح العنصر dialog يتيح الآن ما يلي:

  • حدث cancel: يتم إطلاقه عند الضغط على مفتاح Escape في مربّع حوار مشروط. يمكن إلغاء هذا الحدث باستخدام event.preventDefault().
  • السمة autofocus: سيتم التركيز على عنصر التحكّم الأول في النموذج في مربّع حوار مشروط يضم السمة autofocus، في حال توفّرها، عند عرض مربّع الحوار. في حالة عدم وجود هذا العنصر، يتم التركيز على العنصر الأول القابل للتركيز.
  • form[method="dialog"]: صالحة داخل مربع حوار فقط. عند إرسال النموذج، يتم إغلاق مربّع الحوار وضبط dialog.returnValue على قيمة زر الإرسال الذي تم استخدامه.

يمكنك الاطّلاع على التفاصيل من خلال عرض توضيحي مباشر ورمز polyfill.

يمكنك تفعيله من خلال تفعيل خيار "تفعيل ميزات منصة الويب التجريبية" في chrome://flags/.