Potente diálogo & biblioteca de JavaScript emergente-dndod

Vista prévia

Descripción

dndod es una biblioteca JavaScript libre de dependencias que le ayuda a crear diálogos de alerta/confirmación personalizables, popups de notificación y ventanas modales.

Funcionamiento

Importe los archivos de la biblioteca dndod en el documento.

<link rel="stylesheet" href="dndod/dndod-popup.min.css">
<script src="dndod/dndod-popup.min.js"></script>

Crear un diálogo de alerta.

dndod.alert('Alert Popup', options);

Cree un diálogo de confirmación.

dndod.confirm('Confirm Message', confirmCallback, options)

Crear una ventana emergente de notificación.

dndod.notice('Notification Message', options);

Cree una ventana modal con botones personalizados.

dndod.popup({


buttons: [


{




text: "Button 1",




handler: function(e, popup) {






// do something




}


},


{




text: "Button 2",




handler: function(e, popup) {






// do something




}


},


{




text: "Button 3",




handler: function(e, popup) {






// do something




}


}

]

})

Todas las opciones posibles con valores predeterminados.

dndod.popup({


// prefix css class

"prefixClass": "dndod",


// popup title

"title": "",


// popup message

"msg": "",


// text alignment

"textAlign": "center",


// from-top, from-bottom, none

"animation": "from-top",


 // duration of animation

"animationDuration": 250,


// hide close button

"disableCloseBtn": false,


// hide outline

"disableOutline": false,


// enable HTML content

"enableHTML": false,


// events

"events": {



"create": null,



"mount": null,



"close": null,



"unmount": null

},


// custom buttons

"buttons": []

})