<a href="url" onclick="window.open(this.href, 'popName', 'width=100,height=100'); return false" title="링크 이름(새창 열림)">팝업링크</a>
<a href="url" onclick="window.open(this.href, 'popName', 'scrollbars=yes,toolbar=yes,location=yes,
resizable=yes,status=yes,menubar=yes,resizable=yes,width=100,height=100,left=0,top=0,fullscreen'); return false" title="링크 이름(새창 열림)">팝업링크</a>
strict 모드에서는 target 속성 불가
top : 새창을 띄울 위쪽좌표 (화면상단에서 몇 px를 띄울것인가 - 0 이면 딱붙겠죠.)
left : 새창을 띄울 왼쪽좌표 (화면왼쪽에서 몇 px를 띄울것인가 - 0 이면 딱붙겠죠.)
width : 새창의 가로크기
height : 새창의 세로크기
toolbar : 툴바를 보여줄것인가의 여부 결절(0=no 안보여준다, 1=yes 보여준다)
directories : 디렉토리바를 보여줄것인가의 여부 결절(0=no 안보여준다, 1=yes 보여준다)
status : 상태바를 보여줄것인가의 여부 결절(0=no 안보여준다, 1=yes 보여준다)
menubar : 메뉴바를 보여줄것인가의 여부 결절(0=no 안보여준다, 1=yes 보여준다)
scrollbars : 스크롤바를 보여줄것인가의 여부 결절(0=no 안보여준다, 1=yes 보여준다)
resizable : 창크기를 변경가능하게 할것인가의 여부 결정(0=no 못하게 한다, 1=yes 가능하게 한다.)
scrollbars : 다들 아시겠지만 우측부분과 하단 부분에 생기는 스크롤바를 지칭
toolbar : 뒤로, 앞으로, 검색, 즐겨찾기 등의 버튼 이 나오는 줄을 나타냄
location : URL입력하는 곳을 나타냄
resizable : 새창이 떴을 시에 최소화, 최대화 등을 비롯해 마우스로 창의 크기를 조절 가능 여부를
나타냄
status : 인터넷 창 아래부분 보면 회색깔의 링크 주소 나오는 부분
menubar : 파일, 편집, 보기 등의 버튼이 있는 줄
width : 새창의 가로길이
height : 새창의 세로길이
left : 새창의 왼쪽 여백(만약, left=100 이라고 했을시에 화면의 왼쪽 부터 100픽셀 떨어진 곳에서부터 새창이 생깁니다.)
top : 새창의 윗부분 여백
fullscreen : 새창을 띄울시 최대화 창으로 띄움(단, 일반적 인터넷 창의 최대화가 아닌 최소화 , 최대화, 닫기 버튼이 없는 특이한 형태의 창이 뜸,당연한 말이지만, 이 옵션을 쓰게 되면 width,height,top,left 옵션이 적용안됨.)
비추 : <a href='#' onclick="window.open('./help/holiday_pay.html','WinName','width=300,height=300');">
'all' 카테고리의 다른 글
print (0) | 2012.05.30 |
---|---|
textarea (0) | 2012.05.25 |
Fluid/Responsive, Layout/Web/Design (0) | 2011.11.22 |
Web Trend - Technic (0) | 2011.11.18 |
web Design (0) | 2011.11.18 |