Ventana modal draggable habilitada para Ajax en Pure JavaScript-jsModal. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: samuelbetio
Views Total: 1,349
Sitio oficial: Ir a la web
Actualizado: August 25, 2017
Licencia: MIT

Vista prévia

Ventana modal draggable habilitada para Ajax en Pure JavaScript-jsModal. js

Descripción

jsModal. js es un complemento modal de JavaScript de vainilla para crear ventanas modales arrastrables y habilitadas para AJAX con el mínimo esfuerzo.

Funcionamiento

Incluya el archivo JavaScript principal ' jsModal. js ' en la Página Web.

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

Incluya un tema CSS de su elección en la Página Web.

<!-- dark theme -->
<link href="css/jsmodal-dark.css" rel="stylesheet">
<!-- light theme -->
<link href="css/jsmodal-light.css" rel="stylesheet">

Muestra una ventana modal básica en la pantalla.

Modal.open({

content: 'HTML CONTENT HERE'
});

Si desea cargar un archivo externo en la ventana modal a través de solicitudes AJAX.

Modal.open({

ajaxContent: 'ajax-example.html'
});

Personalice la ventana modal con las siguientes opciones.

Modal.open({

width: 'auto',

height: 'auto',

lock: false,

hideClose: false,

draggable: false,

closeAfter: 0,

openCallback: false,

closeCallback: false,

hideOverlay: false
});

Te puede interesar: