Customizable Popup Browser Windows with jQuery Popup Window Plugin

File Size: 6.45 KB
Views Total: 4552
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Customizable Popup Browser Windows with jQuery Popup Window Plugin

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.