웹에서 많이 사용하는 팝업창의 스크롤이 발생하지 않게 사이즈를 자동으로 조절해 주는 스크립트
function popupResize() {
var innerBody = document.body;
var v_width = innerBody.scrollWidth + 10;
// 29는 window의 테이틀만 있을 때, 50은 window의 테이틀과 상태바 만 있을 때
var v_height = innerBody.scrollHeight + 29;
resizeTo(v_width, v_height);
}
위에서 width에 10을 더한 것과 height에 29를 더한것은 Window 창의 사이즈를 더한 것이라, 맞지 않을 때에는 조절하면 된다.
height의 29는 window의 타이틀 외에 팝업에 아무것도 없을 때이며, 50은 window의 타이틀과 상태바가 있을 때 이다.
위 스크립트를 body 태그의 onload에 걸어두면 된다.
<body onload="popupResize()">
위 popupResize() 함수는 익스플로워7에서는 문제가 조금 있다.
익스플로워7에서는 팝업이 뜰때 상태바와 주소가 사용자가 익스플로워의 설정을 변경하지 않으면 무조건 나타나게 되어있다. 익스플로워6에서는 위의 popupResize()를 사용해도 무방하나 익스플로워7을 감안한다면 아래의 팝업창 리사이즈를 하는 함수를 사용하는 것이 좋을 것 같다.
function newPopupResize() {
var dWidth = parseInt(document.body.scrollWidth);
var dHeight = parseInt(document.body.scrollHeight);
var divEl = document.createElement('div');
divEl.style.left = '0px';
divEl.style.top = '0px';
divEl.style.width = '100%';
divEl.style.height = '100%';
document.body.appendChild(divEl);
window.resizeBy(dWidth - divEl.offsetWidth, dHeight - divEl.offsetHeight);
document.body.removeChild(divEl);
}
개인적으로 newPopupResize() 함수를 사용하는 것이 좋을 듯 하다.
function popupResize() {
var innerBody = document.body;
var v_width = innerBody.scrollWidth + 10;
// 29는 window의 테이틀만 있을 때, 50은 window의 테이틀과 상태바 만 있을 때
var v_height = innerBody.scrollHeight + 29;
resizeTo(v_width, v_height);
}
위에서 width에 10을 더한 것과 height에 29를 더한것은 Window 창의 사이즈를 더한 것이라, 맞지 않을 때에는 조절하면 된다.
height의 29는 window의 타이틀 외에 팝업에 아무것도 없을 때이며, 50은 window의 타이틀과 상태바가 있을 때 이다.
위 스크립트를 body 태그의 onload에 걸어두면 된다.
<body onload="popupResize()">
위 popupResize() 함수는 익스플로워7에서는 문제가 조금 있다.
익스플로워7에서는 팝업이 뜰때 상태바와 주소가 사용자가 익스플로워의 설정을 변경하지 않으면 무조건 나타나게 되어있다. 익스플로워6에서는 위의 popupResize()를 사용해도 무방하나 익스플로워7을 감안한다면 아래의 팝업창 리사이즈를 하는 함수를 사용하는 것이 좋을 것 같다.
function newPopupResize() {
var dWidth = parseInt(document.body.scrollWidth);
var dHeight = parseInt(document.body.scrollHeight);
var divEl = document.createElement('div');
divEl.style.left = '0px';
divEl.style.top = '0px';
divEl.style.width = '100%';
divEl.style.height = '100%';
document.body.appendChild(divEl);
window.resizeBy(dWidth - divEl.offsetWidth, dHeight - divEl.offsetHeight);
document.body.removeChild(divEl);
}
개인적으로 newPopupResize() 함수를 사용하는 것이 좋을 듯 하다.
