Popup window jquery

							(function($){ 		  
								$.fn.popupWindow = function(instanceSettings){
									
									return this.each(function(){
									
									$(this).click(function(){
									
									$.fn.popupWindow.defaultSettings = {
										centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
										centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
										height:500, // sets the height in pixels of the window.
										left:0, // left position when the window appears.
										location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
										menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
										resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
										scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
										status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
										width:500, // sets the width in pixels of the window.
										windowName:null, // name of window set from the name attribute of the element that invokes the click
										windowURL:null, // url used for the popup
										top:0, // top position when the window appears.
										toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
									};
									
									settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
									
									var windowFeatures =    'height=' + settings.height +
															',width=' + settings.width +
															',toolbar=' + settings.toolbar +
															',scrollbars=' + settings.scrollbars +
															',status=' + settings.status + 
															',resizable=' + settings.resizable +
															',location=' + settings.location +
															',menuBar=' + settings.menubar;

											settings.windowName = this.name || settings.windowName;
											settings.windowURL = this.href || settings.windowURL;
											var centeredY,centeredX;
										
											if(settings.centerBrowser){
													
												if ($.browser.msie) {//hacked together for IE browsers
													centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
													centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
												}else{
													centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
													centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
												}
												window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
											}else if(settings.centerScreen){
												centeredY = (screen.height - settings.height)/2;
												centeredX = (screen.width - settings.width)/2;
												window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
											}else{
												window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();	
											}
											return false;
										});
										
									});	
								};
							})(jQuery);						
						

분석하기

jQuery plugin 만드는 템플릿을 그대로 따라하고 있습니다.
특정 상태에 대한 분기 처리 옵션을 확인할 수 있습니다.