Elemento de cuadro de diálogo HTML5 polyfill
| Autor: | GoogleChrome |
|---|---|
| Views Total: | 1,896 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un polyfill de JavaScript para el cuadro de diálogo de < HTML5 > para crear componentes de interfaz de usuario de diálogos interactivos en todos los exploradores principales.
Funcionamiento
Inserte el ' Dialog-polyfill. css ' y ' Dialog-polyfill. js ' en el documento.
<link href="dialog-polyfill.css" rel="stylesheet"> <script src="dialog-polyfill.js"></script>
Cree un elemento de diálogo nativo.
<dialog> <p>This is a dialog!</p> <button id="close">Close</button> </dialog>
Registre el elemento de diálogo y listo.
var dialog = document.querySelector('dialog');
dialogPolyfill.registerDialog(dialog);
document.querySelector('#show').onclick = function() {
dialog.show();
};
document.querySelector('#close').onclick = function() {
dialog.close();
}; Registro de cambios
10/25/2018
- evitar bucle en documentElement
