iletişim öğesi - kalıcı iletişimler artık daha kolay

Eiji Kitamura

Chrome Canary, bir işaretin arkasındaki ileti kutusu öğesi için destek sunmaya başladı. dialog öğesi, web sayfasındaki pop-up'lar için kullanılabilir.

• show(): İletişim kutusunu açar.
• close(): İletişim kutusunu kapatır. İsteğe bağlı bir bağımsız değişken alır. Bu bağımsız değişken varsa dialog.returnValue olarak ayarlanır.
• showModal(): Kalıcı iletişim kutusunu açar.
• ::backdrop: Modal iletişim kutusunun arkasındaki arka planı biçimlendirmek için sözde öğe.
• close etkinliği: Bir iletişim kutusu kapatıldığında tetiklenir.

16 Aralık 2013'teki güncelleme

dialog öğesi artık şunları desteklemektedir:

• cancel etkinliği: Modal iletişim kutusunda Escape tuşuna basıldığında tetiklenir. Bu etkinlik event.preventDefault() kullanılarak iptal edilebilir.
• autofocus özelliği: Modal iletişim kutusunda autofocus özelliğine sahip ilk form denetimi (varsa) iletişim kutusu gösterildiğinde odaklanır. Böyle bir öğe yoksa ilk odaklanılabilir öğeye odaklanır.
• form[method="dialog"]: Yalnızca bir iletişim kutusunun içinde geçerlidir. Form gönderildiğinde iletişim kutusunu kapatır ve dialog.returnValue değerini, kullanılan gönder düğmesinin değerine ayarlar.

Canlı demo ve polyfill ile ayrıntıları inceleyin.

chrome://flags/ adresinde "Deneysel Web Platformu özelliklerini etkinleştir"i etkinleştirerek bu özelliği açın.