JavaScript Library for Adding Stylish Modal Dialogs

MarcDialogs.js is a vanilla JavaScript plugin for creating modular alert confirm prompt custom dialogs in web applications.

javascript custom modal popup, jquery modal popup example, open popup on button click javascript, modal popup in html

How to make use of it:

1. Link to MarcDialogs’ JavaScript and Stylesheet files:

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

2. Create a basic alert dialog.

MarcDialogs.alert('Custom message');

3. Create a basic confirmation dialog.

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

4. Create a custom dialog that loads content from any HTML elements within the document.

<div id="dialog-custom" class="dialog">
  Custom content here
  <button onclick="MarcDialogs.close()">Cancel</button>
  </div>
</div>

MarcDialogs.open('custom');

A Simple and Lightweight Confirm Dialog Plugin | jQuery Confirm Action

Create Custom Modal Dialogs, MarcDialogs.js

Official Website(marcrobledo): Click Here

This superior jQuery/javascript plugin is developed by marcrobledo. For extra advanced usage, please go to the official website.