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

Eiji Kitamura

Twitter GitHub Glitch Mastodon

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

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

16 Aralık 2013 ile ilgili 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: İletişim kutusu gösterildiğinde, varsa autofocus özelliğine sahip kalıcı iletişim kutusundaki ilk form denetimine odaklanılı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 dolgu ile ayrıntılara göz atın.

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