Simple cuadro emergente sencillo con JavaScript Smile-Alert

Tiempo de ejecución: 30 minutos. Empezar

Autor: smilehaha
Views Total: 3,409
Sitio oficial: Ir a la web
Actualizado: April 15, 2016
Licencia: MIT

Vista prévia

Simple cuadro emergente sencillo con vainilla JavaScript-Smile-Alert

Descripción

Smile-Alert es una biblioteca nativa de JavaScript que le ayuda a crear cuadros de diálogo simples y limpios para reemplazar los cuadros predeterminados de alerta/confirmación de JavaScript.

Funcionamiento

Coloque los archivos JS y CSS de la alerta de sonrisa en la página HTML.

<link rel="stylesheet" href="smile-alert.css">
<script src="smile-alert.js"></script>

Cree un cuadro de alerta básico.

alert('demo1 title');

Cree un cuadro de alerta con más mensajes de texto.

alert('this is title','show message');

Cree un diálogo de confirmación con los botones confirmar/cancelar.

var options = {


cancel




: true,


cancelText

: 'cancel',


cancelCallBack
:function(event){



consle.log('options.cancelCallBack');


},


delay




 :0,


confirm


 : true,


confirmText
 : 'confirm',


confirmCallBack : function(event){



consle.log('options.confirmCallBack');


}

}
alert('demo 3','show message',options);

Te puede interesar: