Customizable Popup Browser Windows with jQuery Popup Window Plugin
File Size: | 6.45 KB |
---|---|
Views Total: | 4565 |
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.