Ligera ES6 modal Library-modal-Vanilla-JS
| Autor: | antonrodin |
|---|---|
| Views Total: | 474 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca modal de Vanilla JavaScript (ES6) que se usa para mostrar el contenido web oculto en una ventana emergente modal con capacidad de respuesta cuando se desencadena.
Funcionamiento
Importe los modal. js y modal. CSS en el documento HTML.
<link rel="stylesheet" href="modal.css"> <script src="modal.js"></script>
Cree su propio contenido para que se muestre en la ventana emergente modal.
<div class="modal-azr" id="example"> <div class="modal-azr-content"> <span class="close-modal">×</span> <h1>Modal Title</h1> <p>Modal Content Here</p> </div> </div>
Mostrar el modal.
const myModal = new Modal('example');
myModal.show(); Ejecutar funciones de devolución de llamada cuando se abre o se cierra el modal.
myModal.hide(function() {
console.log("Hidden");
});
myModal.show(function() {
console.log("Shown");
}); Registro de cambios
12/29/2018
- Establezca el tipo de propiedad de botón predeterminado en "Button".
