Alerta personalizada/confirmar/prompt popup cuadro biblioteca JavaScript-Attention. js
| Autor: | janmarkuslanger |
|---|---|
| Views Total: | 128 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 19, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Attention. js es un plugin de JavaScript vainilla que se utiliza para crear alertas personalizadas, confirmar o solicitar cuadros de diálogo en la página.
Funcionamiento
Para utilizar este plugin incluye los siguientes archivos en la página.
<link href="dist/attention.css" rel="stylesheet"> <script src="dist/attention.js"></script>
Crear un diálogo de alerta.
new Alert({
title: 'Alert Title',
content: 'Alert Message'
}); Cree un diálogo de confirmación con devoluciones de llamada.
new Confirm({
title: 'Confirm Title',
content: 'Are You Sure',
buttonCancel: false, // custom button text
buttonConfirm: false,
onAccept(component) {
console.log('Accepted');
},
onCancel(component) {
console.log('Canceled');
}
}); Cree un diálogo de solicitud.
new Prompt({
title: 'Prompt Title',
content: 'Prompt Message',
placeholderText: false, // custom placeholder
submitText: false, // custom submit text
onSubmit(component, value) {
console.log(value)
}
}); Más funciones de devolución de llamada.
new Alert({
beforeRender: function(){
// do something
},
afterRender: function(){
// do something
},
beforeClose: function(){
// do something
},
afterClose: function(){
// do something
}
});
