Crear diálogos modales personalizados en Vanilla JavaScript-MarcDialogs. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: marcrobledo
Views Total: 2,105
Sitio oficial: Ir a la web
Actualizado: June 30, 2017
Licencia: MIT

Vista prévia

Crear diálogos modales personalizados en Vanilla JavaScript-MarcDialogs. js

Descripción

MarcDialogs. js es un plugin de JavaScript Vanilla para crear cuadros de diálogo de alerta/confirmación/solicitud/personalizado de estilo modal en las aplicaciones Web.

Funcionamiento

Enlace a los archivos de JavaScript y StyleSheet de MarcDialogs:

<link href="MarcDialogs.css" rel="stylesheet">
<script src="MarcDialogs.js"></script>

Cree un cuadro de diálogo de alerta básico.

MarcDialogs.alert('Custom message');

Cree un diálogo de confirmación básico.

MarcDialogs.confirm('Confirm message', function(){alert('Action Here');MarcDialogs.close()});

Cree un cuadro de diálogo personalizado que cargue contenido de cualquier elemento HTML dentro del documento.

<div id="dialog-custom" class="dialog">

Custom content here

<button onclick="MarcDialogs.close()">Cancel</button>

</div>
</div>
MarcDialogs.open('custom');

Te puede interesar: