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.











