Cuadro de diálogo confirmar de estilo medio con JavaScript y CSS/CSS3
| Autor: | brijeshb42 |
|---|---|
| Views Total: | 8,510 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una pequeña biblioteca de JavaScript pura que crea Medium.com estilo confirmar cuadro de diálogo s con animaciones CSS3 y devoluciones de llamada en su proyecto Web.
¿Cómo funciona?
Agregue el MSC-Style. CSS requerido a la sección Head de su documento.
<link rel="stylesheet" href="css/msc-style.css">
Cree un cuadro de diálogo de confirmación básico con un mensaje de alerta personalizado en su página web.
mscConfirm("Delete?"); Cree un diálogo de confirmación con el título/mensaje de alerta personalizado y aceptar/cancelar devoluciones de llamada en su página web.
mscConfirm("Delete", "Are you sure?", function(){
alert("Post deleted");
},
function() {
alert('Cancelled');
}); Para config el diálogo de confirmación, pase los argumentos como un objeto Options.
mscConfirm({
title: 'Confirm',
subtitle: '',
onOk: null,
onCancel: null,
okText: 'OK',
cancelText: 'Cancel',
placeholder: 'Enter value',
dismissOverlay: false,
closeOnEscape: true,
defaultValue: ''
}); Registro de cambios
07/12/2018
- Agregar closeOnEsc opción
