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.