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

Eiji Kitamura

Chrome Canary, bir bayrağın arkasındaki iletişim öğesini desteklemeye başladı. dialog öğesi, web sayfasındaki pop-up'lar için kullanılabilir.

• show(): İletişim kutusunu aç.
• close(): İletişim kutusunu kapat. Varsa dialog.returnValue değerinin ayarlandığı isteğe bağlı bir bağımsız değişkeni alır.
• showModal(): Kalıcı iletişim kutusunu aç.
• ::backdrop: Kalıcı iletişim kutusunun arka planı için stil belirleyecek sözde öğe.
• close etkinliği: Bir iletişim kutusu kapatıldığında tetiklenir.

16 Aralık 2013 tarihli güncelleme

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

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

Canlı demo ve çoklu dolguyla ayrıntıları inceleyin.

chrome://flags/ sayfasında "Deneysel Web Platformu özelliklerini etkinleştir" seçeneğini etkinleştirerek bu özelliği etkinleştirin.