element okna dialogowego: proste układy modalne

W Chrome Canary udostępniono obsługę elementu dialogu za pomocą flagi. Element dialog może być używany do okienek na stronie internetowej.

  • show(): otwórz okno.
  • close(): zamyka okno. Przyjmuje opcjonalny argument, który w przypadku obecności ma wartość dialog.returnValue.
  • showModal(): otwórz okno modalne.
  • ::backdrop: element pseudo, który pozwala nadać styl tła za oknem dialogowym.
  • close: uruchamiane, gdy okno jest zamykane.

Aktualizacja z 16 grudnia 2013 r.

Element dialog obsługuje teraz:

  • cancel: zdarzenie wywoływane, gdy użytkownik naciśnie klawisz Escape w oknie modalnym. To wydarzenie można anulować za pomocą event.preventDefault().
  • Atrybut autofocus: po wyświetleniu okna modalnego pierwsze pole formularza, które ma atrybut autofocus (jeśli takie istnieje), zostanie zaznaczone. Jeśli nie ma takiego elementu, fokus zostanie ustawiony na pierwszym elemencie możliwym do zaznaczenia.
  • form[method="dialog"]: prawidłowy tylko w dialogu. Po przesłaniu formularza zamyka okno i ustawia wartość dialog.returnValue na wartość użytego przycisku przesyłania.

Zobacz szczegóły w ramach demonstracji na żywo i za pomocą polyfilla

Włącz go, zaznaczając „Włącz eksperymentalne funkcje platformy internetowej” na stronie chrome://flags/.