רכיב תיבת דו-שיח - דרך קלה ונוחה

ב-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/.