popup window

$(selector).popupWindow({options});

jQuery plugin (jquery.popupWindow.js) used to create popup windows.


Example 1

Open yahoo.com in a popup window (800x500) positioned 50 pixels from the top and left side of the screen.

open popup

required | optional | not used


centerBrowser - datatype:boolean, default:0
centerScreen - datatype:boolean, default:0
height - datatype:number, default:500
left - datatype:boolean, default:0
location - datatype:boolean, default:0
menubar - datatype:boolean, default:0
resizable - datatype:boolean, default:0
scrollbars - datatype:boolean, default:0
status - datatype:boolean, default:0
width - datatype:number, default:500
windowName - datatype:string, default:null
windowURL - datatype:string, default:null
top - datatype:boolean, default:0
toolbar - datatype:boolean, default:0

Example 2

Open a popup, centered over the top of the browser, using the same window. In order to have popup windows re-use the same window the element the invokes the popup needs to have the same name attribute value. In this example, I use the name "windowX" to identify that both links use the same window.

open google.com | open cnn.com, using the same window used to open google.com

required | optional | not used


centerBrowser - datatype:boolean, default:0
centerScreen - datatype:boolean, default:0
height - datatype:number, default:500
left - datatype:boolean, default:0
location - datatype:boolean, default:0
menubar - datatype:boolean, default:0
resizable - datatype:boolean, default:0
scrollbars - datatype:boolean, default:0
status - datatype:boolean, default:0
width - datatype:number, default:500
windowName - datatype:string, default:null
windowURL - datatype:string, default:null
top - datatype:boolean, default:0
toolbar - datatype:boolean, default:0

Example 3

Open a popup window, centered on the screen, not using the same window.

open aol.com | open msn.com

required | optional | not used


centerBrowser - datatype:boolean, default:0
centerScreen - datatype:boolean, default:0
height - datatype:number, default:500
left - datatype:boolean, default:0
location - datatype:boolean, default:0
menubar - datatype:boolean, default:0
resizable - datatype:boolean, default:0
scrollbars - datatype:boolean, default:0
status - datatype:boolean, default:0
width - datatype:number, default:500
windowName - datatype:string, default:null
windowURL - datatype:string, default:null
top - datatype:boolean, default:0
toolbar - datatype:boolean, default:0

Example 4

Open a popup by using an element other than an href to pass URL value.

required | optional | not used


centerBrowser - datatype:boolean, default:0
centerScreen - datatype:boolean, default:0
height - datatype:number, default:500
left - datatype:boolean, default:0
location - datatype:boolean, default:0
menubar - datatype:boolean, default:0
resizable - datatype:boolean, default:0
scrollbars - datatype:boolean, default:0
status - datatype:boolean, default:0
width - datatype:number, default:500
windowName - datatype:string, default:null
windowURL - datatype:string, default:null
top - datatype:boolean, default:0
toolbar - datatype:boolean, default:0

Possible upgrades