window.open("파일명(경로포함)","새창이름",'scrollbars=yes,toolbar=yes,location=yes,
resizable=yes,status=yes,menubar=yes,resizable=yes,width=100,height=100,left=0,top=0,fullscreen');
현재 위의 옵션은 풀 옵션은 아니지만 왠만해선 저 범위를 넘어서지 않을것이다.
scrollbars : 다들 아시겠지만 우측부분과 하단 부분에 생기는 스크롤바를 지칭
toolbar : 뒤로, 앞으로, 검색, 즐겨찾기 등의 버튼 이 나오는 줄을 나타냄
location : URL입력하는 곳을 나타냄
resizable : 새창이 떴을 시에 최소화, 최대화 등을 비롯해 마우스로 창의 크기를 조절 가능 여부를 나타냄
status : 인터넷 창 아래부분 보면 회색깔의 링크 주소 나오는 부분
menubar : 파일, 편집, 보기 등의 버튼이 있는 줄
width : 새창의 가로길이
height : 새창의 세로길이
left : 새창의 왼쪽 여백(만약, left=100 이라고 했을시에 화면의 왼쪽 부터 100픽셀 떨어진 곳에서부터 새창이 생깁니다.)
top : 새창의 윗부분 여백
fullscreen : 새창을 띄울시 최대화 창으로 띄움
단, 일반적 인터넷 창의 최대화가 아닌 최소화 , 최대화, 닫기 버튼이 없는 특이한 형태의 창이 뜸,당연한 말이지만,
이 옵션을 쓰게 되면 width,height,top,left 옵션이 적용안됨.
★ 일반 인터넷 창의 최대화 된 크기로 새창을 띄우고 싶을때
일단 예제 소스 부터 보세요~
function new_window() {
userwidth = (screen.width - 숫자1);
userheight = (screen.height - 숫자2);
window.open("./new.asp","new_window1",'scrollbars=yes,toolbar=yes,location=yes,status=yes,
menubar=yes,resizable=yes,width='+userwidth+',height='+userheight+',left=0,top=0');
}
하나하나 설명을 하자면
먼저, 자기만 볼 창이라면 굳이 userwidth = (screen.width - 숫자1); userheight = (screen.height - 숫자2); 는 필요 없는 부분이다. 물론 이부분이 없어지면 '+userwidth+' '+userheight+' 이 부분도
숫자로 바껴야 한다는건 알것이다.
userwidth = (screen.width - 숫자1);
userheight = (screen.height - 숫자2);
이부분의 역활은 해당 컴퓨터의 해상도를 알아내서 일정 수치 만큼 빼준값을
변수 userwidth와 userheight 에 각각 담는것이다.
screen.width는 해당 컴퓨터의 해상도를 알아내는 screen객체의 width속성이라고 말할수 있다.
그렇다면 숫자1, 숫자2는 왜 빼는것인가?
그 이유는 screen.width가 화면 자체의 해상도만을 나타내기 때문이다.
즉 새창을 screen.width로 사용다면 화면보다 커져버리는 결과가 발생한다.
또한, screen.height도 마찬가지로 그대로 쓴다면 윈도우즈 작업 표시줄의 높이는 감안하지 않고 각 옵션(toolbar, location, menubar, status등)의 존재여부도 세로길이에 영향을 미치므로 일정의 수치만큼 빼야지 화면에 딱 맞는 새창이 나올것이다.
보통 숫자1은 10 정도면 가로 화면은 딱 맞다고 보면 되고
세로는 위에 열거한 옵션을 모두 yes로 했을시(fullscreen제외,top과 left는 0)에 200정도의 수치를 빼주면 최대화 화면에 근접한 화면을 볼수 있을것이다.
[출처] - http://blog.naver.com/kazena?Redirect=Log&logNo=130003205907
'Carpe Programming > javascript' 카테고리의 다른 글
[byte 계산] 문자열 자르기 (0) | 2013.11.05 |
---|---|
[cookie] beforeunload, 팝업 중복 체크 등 (0) | 2013.02.19 |
[정규식] 정규식 정리 (0) | 2013.01.21 |
ajax 전송 시 한글 깨짐 (0) | 2012.12.12 |
웹에서 한글(hwp) 파일 표출하기 (0) | 2012.12.11 |