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

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