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

אייג'י קיטמורה
אייג'י קיטמורה

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