Minimal Responsive jQuery Modal Window Plugin - Pop Up Window

Minimal Responsive jQuery Modal Window Plugin - Pop Up Window
File Size: 9.09 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Pop Up Window is a cross-browser and easy-to-use jQuery plugin for creating responsive flat popup windows and modal windows with custom buttons and callbacks support.

How to use it:

1. Grab the latest jQuery javascript library in the document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

2. Include the jQuery popup window plugin's javascript and CSS after jQuery.

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

3. Create a link to trigger a modal window with buttons.

<a id="demo" href="#modal-content">Buttons</a>

4. Create the content for the modal window.

<div id="modal-content" class="pop-up-display-content">
Modal content goes here
</div>

5. Call the plugin with options.

$(document).ready(function () {

$('#demo').click(function (e) {
e.preventDefault();
$('#modal-content').popUpWindow({
action: "open", // open or close
modal: true, // modal mode
size: "large", // large, medium or large
buttons: [{
text: "Yes",
click: function () {
this.close();
}
}, {
text: "No",
click: function () {
this.close();
}
}]
});
});

});

This awesome jQuery plugin is developed by arminsolecki. For more Advanced Usages, please check the demo page or visit the official website.