Biblioteca de ventana modal flexible mínima-modal. js

Vista prévia

Descripción

Modal. js es una biblioteca de ventanas modales minimalista, flexible, performante y personalizable escrita en JavaScript puro.

Funcionamiento

Incluya el modal JavaScript y StyleSheet en la página.

<!-- include modal css -->
<link rel="stylesheet" href="style.css">
<!-- include modal js -->
<script type="text/javascript" src="modal.js" ></script>

Cree una ventana modal predeterminada en la página.

var m = new amrza.Modal().show();

Personalice el título & contenido de la ventana modal.

var m = new amrza.Modal({


title:
 "Title",


text:

"no message here..."
}).show();

Personalice el tamaño & desplazamiento de la ventana modal.

var m = new amrza.Modal({


y:


 0,


x:


 0,


width:
 400,


height:
250,
}).show();

RTL también es compatible.

var m = new amrza.Modal({


rtl:

 false
}).show();

Personalice los botones de acción.

var m = new amrza.Modal({


ok: function(e, self) {



 self.close();


 },


yes: function(e, self) {



 self.close();


 },


no: function(e, self) {



 self.close();


 },


cancel: function(e, self) {



 self.close();


 },
}).show();

Anexar contenido HTML personalizado a la ventana modal.

var m = new amrza.Modal({


title: "Custom HTML"
})
.html(

'String',

'<p style="color:white; background:blue">This text is a custom p tag</p>',

false
)
.show();