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

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.

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