🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Window Popup is a jQuery plugin which displays external links in a new browser window with lots of customization options.

popup popup-window

Documentation

jQuery Window Popup

Window popup for remote url

Demo

https://krescentmoon.github.io/jquery-window-popup/

Github

https://github.com/krescentmoon/jquery-window-popup/

Structure

o |-- dist |   |-- jquery-window-popup.js |   `-- jquery-window-popup.min.js |-- docs |   |-- assets/ |   |   |-- css/ |   |   |-- ico/ |   |   |-- js/ |   |   `-- vendor/ |   |-- index.html |   `-- LICENSE |-- CHANGELOG |-- LICENSE `-- README.md 

Installation

<script src="jquery.js"></script> <script src="jquery-window-popup.min.js"></script> 

Options

  • Note: the name does not specify the title of the new window
  • Note: All features can be set to yes or 1, or just be present to be "on".
    Set them to no or 0, or in most cases just omit them, to be "off".
| feature   | type  | default   | description   | |-------------  |---------  |-----------------------    |---------------------------------------------------------------------------------------------------------------------------------------    | | url   | string    | 'https://google.com'  |   | | name  | string    | 'jquery window popup'     | '_blank', '_parent', '_self', '_top', 'name'  | | width     | number    | 640   | pixel, The minimum required value is 100  | | height    | number    | 640   | pixel, The minimum required value is 100  | | top   | number    | 0     | pixel     | | left  | number    | 0     | pixel     | | status    | boolean   | 0     |   | | menubar   | boolean   | 0     |   | | location  | boolean   | 0     | Opera only    | | toolbar   | boolean   | 0     | IE, Firefox only  | | scrollbars    | boolean   | 0     | IE, Firefox & Opera only  | | resizable     | boolean   | 0     | IE only   | | channelmode   | boolean   | 0     | IE only   | | fullscreen    | boolean   | 0     | IE only   | | titlebar  | boolean   | 1     | Ignored unless the calling application is an HTML Application or a trusted dialog box     | | alignment     | string    | 'middle-center'   | 'top-left', 'top-center', 'top-right', 'middle-left', 'middle-center', 'middle-right', 'bottom-left', 'bottom-center', 'bottom-right'     | 

Usage

$('.example').winpopup([options]); 

Example

Simple Example

$('.example').winpopup(); 

Example with options

$('.example').winpopup({     url  : 'https://google.com',     name : 'example with options' }); 

Example with data-attribute

<a class="example" href="https://google.com" data-winpopup='{"name":"titlebar","titlebar":1}'>titlebar</a> <a class="example" href="https://yahoo.com" data-winpopup='{"name":"100x100","width":100,"height":100}'>100x100</a> 
<script>     $('.example').winpopup(); </script> 

Browser Support

IE9+, Edge, Chrome, Firefox, Opera, Safari

Changelog

Please see CHANGELOG for more information what has changed recently.

License

jQuery Window Popup is licensed under the MIT LICENSE


You May Also Like