[JSP] 브라우저에 따른 팝업 설정

 

팝업사용시 브라우저에 따라 정상 팝업되거나 종료되지 않는 경우가 발생합니다.

특히 종료같은 경우 IE와 다르게 Chrome등은 close()를 지원하지 않아 팝업시에 문제가 되는데

시간 설정을 통해 IE를 제외한 브라우저가 정상처리 되도록 처리 할 수 있습니다.

(iframe 설정으로 처리되지 않을 경우 사용하시면 좋습니다.)

---

 

팝업관련 예제

---

function openPopEx(){
	var option = "";

	//IE일 경우
	if(navigator.userAgent.indexOf("Trident") != -1){
		//팝업되는 이미지 크기에 따른 팝업창 크기 수정필요
		option = "width=500, height=800, left=50, top=50, statusbar=0";
    	
		window.open("/jsp/com/popEx.jsp", "IE_test", option);
	}else{ //그외 브라우저
		option = "width=510, height=807, left=50, top=50, statusbar=0";
		
		//시간설정 0.030초
		setTimeout( function(){
			window.open("/jsp/com/popEx.jsp", "IE_test", option);
		}, 30);
	}
}

 

위 예제에서 option항목의 width와 height값을 브라우저에 따라 각각 정의한 이유는 IE와 기타브라우저 이미지의 크기가 화면에 다르게 표시되기 때문입니다.

팝업이 이미지만을 표시한다거나 크기가 정적이여야 한다면 각각 설정해주는 것이 좋습니다.