Customizable Popup Browser Windows with jQuery Popup Window Plugin
| File Size: | 6.45 KB | 
|---|---|
| Views Total: | 4591 | 
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website | 
| License: | MIT | 
 
Popup Window is a lightweight and easy to use jQuery plugin which allows you to open a new browser window with lots of customization options.
How to use it:
1. Load the needed jQuery javascript library and the jQuery popup window plugin in the document.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.popupwindow.js"></script>
2. Optionally, you can create a link to open a new browser window.
<li><a href="#" class="defaults">Open window</a>
3. Open a new browser window to jQueryscript.Net with default settings.
$(function() {
  $('.defaults').on('click', function(event) {
    event.preventDefault();
    $.popupWindow('https://www.jqueryscript.net');
  });
});
4. Options and defaults.
$.popupWindow('https://www.jqueryscript.net', { 
center:  "screen", //true, screen || parent || undefined, null, "", false
createNew:   true, // open a new window, or re-use existing popup
height:  500,
left:0,
location:false,
menubar: false,
name:null, // specify custom name for window (overrides createNew option)
onUnload:null,
resizable:   false,
scrollbars:  false, // os x always adds scrollbars
status:  false,
toolbar: false,
top: 0,
width:   500
});
This awesome jQuery plugin is developed by mkdynamic. For more Advanced Usages, please check the demo page or visit the official website.











