Diálogo de confirmación de promesa en Pure JavaScript-ExConfirmBox

Vista prévia

Descripción

ExConfirmBox es un complemento de JavaScript ligero y de dependencia cero para crear diálogos de confirmación de promesa personalizados en la Página Web.

Totalmente personalizable y fácil de estilo en el JavaScript. Sin ningún CSS.

Funcionamiento

Importe el archivo JavaScript ' exConfirm. js ' en el documento y ya está listo para ir.

<script src="exConfirm.js"></script>

Establezca el título & confirmar el mensaje.

var configOpt = {


title: "Sample Title!",


message : "Sample Query?"
};

Active el diálogo de confirmación con las devoluciones de llamada confirmar/cancelar.

exConfirmPromise.make(configOpt).then(function (e) {

// do something
}).then(function () {

exConfirmPromise.make(configOpt).then(function (e) {


// do something

});
});

Personalice la apariencia del cuadro de diálogo de confirmación.

var configOpt = {


zIndex: 9999, //Integer


overlayBackground: "rgba(255,255,255,0)", //String [HEX, RGB, RGBA]


bodyBackground: "rgba(255,255,255,1)", //String [HEX, RGB, RGBA]


bodyBorder: "2px solid #1c84ef", //String


titleBackground: "rgb(28, 132, 239)", //String [HEX, RGB, RGBA]


textColor: "#000000", //String [HEX, RGB, RGBA]


titleColor: "#ffffff", //String [HEX, RGB, RGBA]


btnPosition: "right", //String [left, center, right]


top: "5%", //String [px, %]


right: "38%", //String [px, %]
};

Activar/desactivar la animación.

var configOpt = {


animation: true, //Bool


animationTime: 500 //Integer




};

Personaliza los botones de confirmación/cancelación.

var configOpt = {


btnClassSuccess: "btn btn-default btn-sm btn-sm-25px", //String


btnClassSuccessText: "Yes", //String


btnClassFail: "btn btn-default btn-sm btn-sm-25px", //String


btnClassFailText: "No", //String



};

Registro de cambios

11/26/2018

• Actualice exConfirm. js