묻고답하기
자바스크립트 zoomIn / zoomOut , XE에서 아무리해봐도 안되네요
2009.04.19 15:33
DIV ID = xeAdmin 으로 제로보드xe 전체를 감싸고 있어서 그런지
아무리 값을 주어도 zoomIn / zoomOut 스크립트가 먹히지를 않네요;;;;
한참을 시름했는데 답을 못찾고 있습니다.
사이트 이용자분들의 연령대가 연세 많으신 분들이 많은편이어서
익스플로러 접속자가 대부분인 것을 감안하여 화면을 확대해서 볼 수 있는 기능을 도입하려고 하거든요...
서울시청 홈페이지 같은곳에 가보시면 우측 상단에 + , - 버튼을 이용한 화면 확대/축소 기능을
보실 수 있습니다. 제로보드 구조를 잘 알면 해결이 가능할 것 같은데,,,,, 도움 부탁드립니다.
아래와 같은 형식의 자바스크립트로 시험해보았으나 영 안됩니다;;;;
///// ZonnInOut //////////////////////////////////////////////////////////////////////////////
var nowZoom = 100; // 현재비율
var maxZoom = 200; // 최대비율
var minZoom = 100; // 최소비율(현재와 같아야 함)
// +, - 키를 입력하면 화면 확대, 축소를 한다.
document.onkeypress = getKey;
function getKey(keyStroke) {
isNetscape = (document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
which = String.fromCharCode(eventChooser).toLowerCase();
which2 = eventChooser;
var el = event.srcElement;
if ((el.tagName != "INPUT") && (el.tagName != "TEXTAREA")) {
if (which == "+") {
zoomIn();
} else if (which == "-") {
zoomOut();
}
}
}
//화면 키운다.
function zoomIn() {
if (nowZoom < maxZoom) {
nowZoom += 25; // 25%씩 커진다.
} else {
return;
}
document.body.style.zoom = nowZoom + "%";
}
//화면 줄인다.
function zoomOut() {
if (nowZoom > minZoom) {
nowZoom -= 25; // 25%씩 작아진다.
} else {
return;
}
document.body.style.zoom = nowZoom + "%";
}