element okna dialogowego: proste układy modalne

Eiji Kitamura

W Chrome Canary wprowadziliśmy obsługę elementu okna za pomocą flagi. Elementu dialog można używać w przypadku wyskakujących okienek na stronie internetowej.

• show(): otwórz okno.
• close(): zamknij okno. Przyjmuje opcjonalny argument, którego wartość dialog.returnValue jest ustawiona, jeśli jest obecny.
• showModal(): otwórz okno modalne.
• ::backdrop: pseudoelement określający styl tła za oknem modalnym.
• Zdarzenie close: uruchamiane po zamknięciu okna.

Aktualizacja z 16 grudnia 2013 r.

Element dialog obsługuje teraz:

• Zdarzenie cancel: wywoływane po naciśnięciu klawisza Escape w oknie modalnym. To wydarzenie można anulować za pomocą aplikacji event.preventDefault().
• Atrybut autofocus: pierwszy element sterujący formularza w oknie modalnym, który zawiera atrybut autofocus (jeśli występuje), zostanie zaznaczony po wyświetleniu okna. W przypadku braku takiego elementu zaznaczony jest pierwszy element, który można zaznaczyć.
• form[method="dialog"]: obowiązuje tylko w oknie dialogowym. Po przesłaniu formularza zamyka ono okno i ustawia dialog.returnValue na wartość użytego przycisku przesyłania.

Zapoznaj się ze szczegółami, korzystając z wersji demonstracyjnej na żywo i kodu polyfill.

Aby go włączyć, na stronie chrome://flags/ kliknij „Włącz eksperymentalne funkcje platformy internetowej”.