[스크립트]이미지가 아닌 경우 텍스트 사용을 하고 싶습니다.
본문
function initNavigation(seq, menuid) {
seq = 0;
var nav = document.getElementById("gnbmenu");
nav.menu = new Array();
nav.current = null;
nav.menuseq = 0;
navLen = nav.childNodes.length;
allA = nav.getElementsByTagName("a")
for(k = 0; k < allA.length; k++) {
allA.item(k).onmouseover = allA.item(k).onfocus = function () {
nav.isOver = true;
}
allA.item(k).onmouseout = allA.item(k).onblur = function () {
nav.isOver = false;
setTimeout(function () {
if (nav.isOver == false) {
if (nav.menu[seq])
nav.menu[seq].onmouseover();
else if(nav.current) {
menuImg = nav.current.childNodes.item(0);
menuImg.src = menuImg.src.replace("_on.gif", "_off.gif");
if (nav.current.submenu)
nav.current.submenu.style.display = "none";
nav.current = null;
}
}
}, 500);
}
}
for (i = 0; i < navLen; i++) {
navItem = nav.childNodes.item(i);
if (navItem.tagName != "LI")
continue;
navAnchor = navItem.getElementsByTagName("a").item(0);
navAnchor.submenu = navItem.getElementsByTagName("div").item(0);
navAnchor.onmouseover = navAnchor.onfocus = function () {
if (nav.current) {
menuImg = nav.current.childNodes.item(0);
menuImg.src = menuImg.src.replace("_on.gif", "_off.gif");
if (nav.current.submenu)
nav.current.submenu.style.display = "none";
nav.current = null;
}
if (nav.current != this) {
menuImg = this.childNodes.item(0);
menuImg.src = menuImg.src.replace("_on.gif", "_off.gif");
if (this.submenu)
this.submenu.style.display = "block";
nav.current = this;
}
nav.isOver = true;
}
nav.menuseq++;
nav.menu[nav.menuseq] = navAnchor;
}
if (nav.menu[seq])
nav.menu[seq].onmouseover();
}
메뉴에서 사용되는 스크립트입니다.
대메뉴에 마우스가 가면 서브메뉴들이 나오고 있습니다.
현재 서브메뉴의 경우 이미지가 아닌 경우
예)
<img src=menu1_2_off.gif>를 텍스트로 menu1_2를 사용하면
정상적으로 menu1_2가 나오지만...
대메뉴를 텍스트로 변형하면...서브메뉴가 나오지 않습니다.
ㅠㅠ 스크립트가 어려워 조언을 구하고자 올려봅니다
부탁드립니다.
답변 1
//menuImg = nav.current.childNodes.item(0);
//menuImg.src = menuImg.src.replace("_on.gif", "_off.gif");
이부분이 세군데 있는데 주석처리 해서 테스트해보세요
답변을 작성하시기 전에 로그인 해주세요.