Minimal jQuery Popup Modal Window Plugin - NS Window

File Size: 53.1KB
Views Total: 3683
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal jQuery Popup Modal Window Plugin - NS Window

NS Window is yet another simple jQuery modal plugin for creating popup windows with support for animations, overlay, ajax content and some useful custom options. 

How to use it:

1. Include the latest version of jQuery javascript library on the web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

2. Include jQuery ns window plugin after jQuery library

<link rel="stylesheet" href="css/ns-window.css" />
<script type="text/javascript" src="ns-window.js"></script>

3. Create a button to trigger the modal window

<input type="button" onclick="showWindow('yellow');" value="Window - Yellow"/>

4. Call the plugin with options

<script type="text/javascript">
function showWindow(theme) {
$.nsWindow.open({
title: 'Member Login',
width: 660,
height: 400,
dataUrl: 'content.html',
theme:theme
});
}
</script>

5. All the options

title: 'Untitled',
top: 0,
left: 0,
width: 300,
height: 300,
useOverlay: true,
animate: true,
showControlBar: true,
titleBarHeight: 0,
closable: true,
movable: false,
resizable: false,
overlay: {
    background: '#000',
    opacity: .60,
    zIndex: 1000,
    clickToClose: true,
    destroyOnClose: false
},
dataUrl: null,
data: null,
theme: 'yellow',
loadingMessage: 'Loading...'

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