묻고답하기
퀵메뉴 설치하는데.. 잘 안되네요.
2006.10.30 11:49
제가 소스를 구해서 퀵메뉴를 만들어 보려는데..
이상하게 안되더라구요.
소스는
// var isDOM = (document.getElementById ? true : false);
// var isIE4 = ((document.all && !isDOM) ? true : false);
// var isNS4 = (document.layers ? true : false);
// function getRef(id) {
// if (isDOM) return document.getElementById(id);
// if (isIE4) return document.all[id];
// if (isNS4) return document.layers[id];
// }
// var isNS = navigator.appName == "Netscape";
// function moveRightEdge() {
// var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
// if (isNS4) {
// yMenuFrom = divMenu.top;
// yMenuTo = windows.pageYOffset + 100; // 위쪽 위치
// } else if (isDOM) {
// yMenuFrom = parseInt (divMenu.style.top, 10);
// yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + 100; // 위쪽 위치
// }
// timeoutNextCheck = 500;
// if (yMenuFrom != yMenuTo) {
// yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
// if (yMenuTo < yMenuFrom)
// yOffset = -yOffset;
// if (isNS4)
// divMenu.top += yOffset;
// else if (isDOM)
// divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
// timeoutNextCheck = 10;
// }
// setTimeout ("moveRightEdge()", timeoutNextCheck);
// }
// if (isNS4) {
// var divMenu = document["divMenu"];
// divMenu.top = top.pageYOffset + 40;
// divMenu.visibility = "visible";
// moveRightEdge();
// } else if (isDOM) {
// var divMenu = getRef('divMenu');
// divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 100;
// divMenu.style.visibility = "visible";
// moveRightEdge();
// }
이거구요. (물론 주석빼고 썼어요. .^^;;)
근데 한가지 희한한 점은..
해당 페이지에 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 이 문서타입을 넣을땐 안되고..
빼면 되더라구요. 근데 저걸 빼면 또 html이 망가지는데..
해결 방법이 없을까요?
답변 좀 부탁드립니다. 급해요.. ㅠ.ㅠ
글고..
q_img = 6;
q_img_start = 0;
q_img_end = 2;
function doMove2(act) {
if( act == "u"){
if((q_img-1) > (q_img_end)){
q_img_start++;
q_img_end++;
}
} else if( act == "d"){
if(q_img_start > 0){
q_img_start--;
q_img_end--;
}
}
for(i = 0 ; i < q_img ; i++) {
if(i >= q_img_start && i <= q_img_end) {
eval("document.all.q" + i + ".style.display = ''");
eval("document.all.q" + i + "_1.style.display = ''");
} else {
eval("document.all.q" + i + ".style.display = 'none'");
eval("document.all.q" + i + "_1.style.display = 'none'");
}
}
}
setInterval(changeImage, 2000);
var arr = new Array();
arr[0] = "/images/special04.jpg";
arr[1] = "/images/special05.jpg";
arr[2] = "/images/special03.jpg";
function changeImage() {
tmp = arr[0];
arr[0] = arr[1];
arr[1] = arr[2];
arr[2] = tmp;
document.all.special01.src = arr[0];
document.all.special02.src = arr[1];
document.all.special03.src = arr[2]
}
이 소스로 썸네일 이미지를 한칸씩 이동하는걸 구현했는데..
작동은 하는데 오류가 나네요.
'document.all.special01 은 null 이거나 개체가 아닙니다.' 라고 나오네요.
답변 좀 부탁드립니다;;
이상하게 안되더라구요.
소스는
// var isDOM = (document.getElementById ? true : false);
// var isIE4 = ((document.all && !isDOM) ? true : false);
// var isNS4 = (document.layers ? true : false);
// function getRef(id) {
// if (isDOM) return document.getElementById(id);
// if (isIE4) return document.all[id];
// if (isNS4) return document.layers[id];
// }
// var isNS = navigator.appName == "Netscape";
// function moveRightEdge() {
// var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
// if (isNS4) {
// yMenuFrom = divMenu.top;
// yMenuTo = windows.pageYOffset + 100; // 위쪽 위치
// } else if (isDOM) {
// yMenuFrom = parseInt (divMenu.style.top, 10);
// yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + 100; // 위쪽 위치
// }
// timeoutNextCheck = 500;
// if (yMenuFrom != yMenuTo) {
// yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
// if (yMenuTo < yMenuFrom)
// yOffset = -yOffset;
// if (isNS4)
// divMenu.top += yOffset;
// else if (isDOM)
// divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
// timeoutNextCheck = 10;
// }
// setTimeout ("moveRightEdge()", timeoutNextCheck);
// }
// if (isNS4) {
// var divMenu = document["divMenu"];
// divMenu.top = top.pageYOffset + 40;
// divMenu.visibility = "visible";
// moveRightEdge();
// } else if (isDOM) {
// var divMenu = getRef('divMenu');
// divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 100;
// divMenu.style.visibility = "visible";
// moveRightEdge();
// }
이거구요. (물론 주석빼고 썼어요. .^^;;)
근데 한가지 희한한 점은..
해당 페이지에 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 이 문서타입을 넣을땐 안되고..
빼면 되더라구요. 근데 저걸 빼면 또 html이 망가지는데..
해결 방법이 없을까요?
답변 좀 부탁드립니다. 급해요.. ㅠ.ㅠ
글고..
q_img = 6;
q_img_start = 0;
q_img_end = 2;
function doMove2(act) {
if( act == "u"){
if((q_img-1) > (q_img_end)){
q_img_start++;
q_img_end++;
}
} else if( act == "d"){
if(q_img_start > 0){
q_img_start--;
q_img_end--;
}
}
for(i = 0 ; i < q_img ; i++) {
if(i >= q_img_start && i <= q_img_end) {
eval("document.all.q" + i + ".style.display = ''");
eval("document.all.q" + i + "_1.style.display = ''");
} else {
eval("document.all.q" + i + ".style.display = 'none'");
eval("document.all.q" + i + "_1.style.display = 'none'");
}
}
}
setInterval(changeImage, 2000);
var arr = new Array();
arr[0] = "/images/special04.jpg";
arr[1] = "/images/special05.jpg";
arr[2] = "/images/special03.jpg";
function changeImage() {
tmp = arr[0];
arr[0] = arr[1];
arr[1] = arr[2];
arr[2] = tmp;
document.all.special01.src = arr[0];
document.all.special02.src = arr[1];
document.all.special03.src = arr[2]
}
이 소스로 썸네일 이미지를 한칸씩 이동하는걸 구현했는데..
작동은 하는데 오류가 나네요.
'document.all.special01 은 null 이거나 개체가 아닙니다.' 라고 나오네요.
답변 좀 부탁드립니다;;