Skip to main content
Javascript
2009.10.19 11:05

부모창과 함께 닫히는 팝업창

(*.233.123.176) 조회 수 8523 추천 수 0 댓글 2
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

짤막한 팁입니다. ^^

 

Internet Explorer에는 showModelessDialog 라는 메소드가 있어서 팝업이지만 상당히 빨리뜨고, 또한 부모창과 함께 닫히는 팝업창의 구현이 가능합니다.

 

자세한 것은 MSDN 참고하세요.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/showmodaldialog.asp

 

또한 Mozilla 계열(Firefox, Netscape 등) 에서도 비슷하게 팝업창을 열 수 있습니다.
바로 window.open 을 할 때, modal=yes 라는 값을 추가하면 됩니다. 혹시 부모창이 닫힐 때 같이 닫히지 않는다면(테스트 결과 탭이 닫히는 것이 아닌 프로그램이 완전히 종료될때 닫힙니다), dependent=yes 라는 값을 추가로 주시기 바랍니다.

 

원래는 showModalDialog 와 같은 효과를 바라고 검색하다가 찾은건데 정작 제가 원했던 것은 아직 지원안되는 모양입니다. ^^a

 

위의 내용을 바탕으로 대충 구현한 함수는 다음과 같습니다.
차이점을 잘 모르겠다는 분들은 주소표시줄을 눈여겨 보세요. (^_^)

function modelessWindow(url, name, width, height)
{
	if  (window.showModelessDialog) {
		window.showModelessDialog(url, name,  'dialogWidth:'+width+'px;dialogHeight:'+height+'px');
	} else {
		var win = window.open(url, name,  'height='+height+',width='+width+',toolbar=no,directories=no,status=no,linemenubar=no,scrollbars=no,resizable=no,modal=yes,dependent=yes');
	}
}
TAG •

List of Articles
카테고리 제목 조회 수
검색엔진 검색엔진 최적화(SEO) 관련 정리 1 1842
운영체제 윈도우7 가상시디 구동 포터블(Portable) 프로그램 3782
운영체제 무료 SSL 인증서 발급 및 웹서버에 https 적용하는 방법 (www.startssl.com) file 6146
하드웨어 2010년 5월 LCD 모니터 골라보자~ 6465
Flash Flash(플래시) SWF Decompiler VS Encrypt 9762
운영체제 윈도우 XP 프린트 공유된 컴퓨터 접속이 잘 안될때 해결법 9912
운영체제 윈도우 원격접속 옵션 설정하기 10740
Javascript 부모창과 함께 닫히는 팝업창 2 8523
운영체제 컴맹 탈출하기 (이정도는 알아야 컴맹에서 벗어날수 있다?) 2250
WAVE를 통해 웹페이지의 접근성 관련 정보를 한눈에 알아보자! 7146
운영체제 iis의 asp.net 다시 재 세팅하기 6098
[펌] PHP 함수 모음 file 7942
html img 태그의 alt과 title 속성 9699
Javascript left, right 함수 구현하기 9378
검색엔진 구글 크롬(Chrome)이 다운되면 이런 메세지를 뿌린다. ㅋㅋ file 10872
cs3 설치이후 이상한 프로세서가 상주한다! 7581
[펌] 윈도우 인쇄미리보기 스크립트 file 11078
[펌] 실전 웹 표준 가이드 file 9578
[펌] 테이블 디자인 관련 8111
[CSS] dl,dt,dd 가로 배열에 대한 방식 14850
Board Pagination Prev 1 2 Next
/ 2