element okna dialogowego: proste układy modalne

W Chrome Canary udostępniono obsługę elementu dialogu za pomocą flagi. Element dialog może służyć do tworzenia wyskakujących 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 stylizować tło za oknem dialogowym.
  • close: uruchamiane, gdy okno jest zamykane.

Aktualizacja z 16 grudnia 2013 r.

Element dialog obsługuje teraz:

  • Zdarzenie cancel: uruchamiane, gdy w oknie modalnym naciśnięty jest klawisz Escape. 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/.