웹접근성을 고려한 팝업창 코딩

잘못된 코딩1 -

<img src="open.gif" onclick="window.open(this.href, 'popupName', 'width=800, height=500, left=50, top=50, statusbar=0, scrollbars=1');

잘못된 코딩2 -

<a href="#" onclick="window.open(this.href, 'popupName', 'width=800, height=500, left=50, top=50, statusbar=0, scrollbars=1'); >팝업창 띄우기</a>

잘된 코딩 - 

<a href="http://www.naver.com" target="_blank" onclick="window.open(this.href, 'popupName', 'width=800, height=500, left=50, top=50, statusbar=0, scrollbars=1'); return false;" onkeypress="this.onclick(); return false;">팝업창 띄우기<img src="open.gif"></a>

• 자바스크립트가 사용 가능할 경우 open_popup()에 의해 팝업창이 뜨게됨
• 자바스크립트가 사용 가능하지 않을 경우에는 새창으로 http://www.naver.com 을 띄우게 됨
• 팝업창 띄우기

팝업창 옵션

• width : 팝업 윈도우의 넓이를 지정하는곳 입니다.
• height : 팝업 윈도우의 높이를 지정하는곳 입니다,
• top : 화면의 상단으로 부터의 팝업 윈도우의 위치를 지정하는곳 입니다.
• left : 화면의 좌측으로 부터의 팝업 윈도우의 위치를 지정하는곳 입니다.
• titlebar : 팝업윈도우의 제목 막대를 보일 것인가를 지정하는곳 입니다.
• menubar : 메뉴막대를 보일것인가를 지정하는 곳입니다.
• toolbar : 브라우저의 도구막대를 보일것인가를 지정하는 곳입니다.
• location : locationbar를 보일 것인가를 지정하는 곳입니다.
• status : 팝업윈도우에 상태바를 보일 것인가를 지정하는 곳입니다.
• scrollbars : 팝업윈도우에 수직, 수평 스크롤 막대를 보일 것인가를 지정하는 곳입니다.
• resizable : 팝업윈도우의 크기를 변경할 수 있는가를 지정하는 곳입니다.