Eiji Kitamura
Chrome Canary est désormais compatible avec l'élément de boîte de dialogue derrière un indicateur. L'élément dialog peut être utilisé pour les pop-ups d'une page Web.
show(): ouvre la boîte de dialogue.close(): ferme la boîte de dialogue. Prend un argument facultatif, qui est défini surdialog.returnValues'il est présent.showModal(): ouvre la boîte de dialogue modale.::backdrop: pseudo-élément permettant de styliser l'arrière-plan derrière une boîte de dialogue modale.- Événement
close: déclenché lorsqu'une boîte de dialogue est fermée.
Mise à jour le 16 décembre 2013
L'élément dialog est désormais compatible avec les éléments suivants:
- Événement
cancel: déclenché lorsque la touche Échap est enfoncée dans une boîte de dialogue modale. Cet événement peut être annulé à l'aide deevent.preventDefault(). - Attribut
autofocus: le premier contrôle de formulaire d'une boîte de dialogue modale qui comporte l'attributautofocus, le cas échéant, sera sélectionné lorsque la boîte de dialogue s'affichera. Si aucun élément de ce type n'existe, le premier élément sélectionnable est sélectionné. form[method="dialog"]: n'est valide que dans une boîte de dialogue. Lors de l'envoi du formulaire, il ferme la boîte de dialogue et définitdialog.returnValuesur la valeur du bouton d'envoi utilisé.
Découvrez les détails avec une démonstration en direct et un polyfill.
Pour l'activer, activez "Enable experimental Web Platform features" (Activer les fonctionnalités expérimentales de la plate-forme Web) dans chrome://flags/.