//########################################################################################################### // 리니지II(http://www.lineage2.co.kr/) 내비게이션 구축을 위한 객체 //########################################################################################################### // version : 0.0.2 // first scripted : 04. 7.7 // programmed by NaraZzang(NCsoft GPU Design Team) //########################################################################################################### //############################################################################################################ //필요한 상수 //############################################################################################################ //메뉴의 처리 형태에 관한 속성값 nzCmdTypeNone = 0; nzCmdTypeUrl = 1; nzCmdTypeFunction = 2; //############################################################################################################ //메뉴set 객체 prototype //############################################################################################################ function nzMenuSet() { var args = nzMenuSet.arguments; //property this.id = args[0]; //메뉴셋 테이블의 id this.initialMenu = args[1]; //최초에 선택된 메뉴의 인덱스 this.selectedMenu = args[1]; //현재 선택된 메뉴의 인덱스(토글 기능을 위한 속성) this.selectedSubMenu = args[2]; //선택된 서브메뉴의 인덱스(롤오버를 위한 속성) //method this.displayMenu = nzMenuSet_displayMenu; //메뉴셋을 display해주는 함수 //sub object this.menu = new Array(); //본 객체안에 포함될 메뉴들의 배열 this.menu.append = nzMenuSet_menu_append; //nzMenu 인스턴스를 할당하는 메소드 } /*********************************************************************************************************** nzMenuSet.displayMenu() : 서브메뉴 객체를 생성하는 메소드 strObj는 실제 생성한 nzMenuSet객체의 변수명 ***********************************************************************************************************/ function nzMenuSet_displayMenu(strObj) { result = ""; for(i = 0; i < this.menu.length; i++) { //메뉴의 포커싱 여부에 따른 분류 if(this.selectedMenu == i) { switch(this.menu[i].cmdType) { case nzCmdTypeNone : result += ""; break; case nzCmdTypeUrl : result += ""; break; case nzCmdTypeFunction : result += ""; break; default : return false; } } else { switch(this.menu[i].cmdType) { case nzCmdTypeNone : result += ""; break; case nzCmdTypeUrl : result += ""; break; case nzCmdTypeFunction : result += ""; break; default : return false; } } //선택된 서브메뉴 목록의 display 처리 if(this.menu[i].subMenu.length > 0) { result += ""; } else { result += ""; } } result += "

"; result += ""; for(j = 0; j < this.menu[i].subMenu.length; j++) { if(this.selectedMenu == i && this.selectedSubMenu == j) result += ""; } result += "

"; document.write(result); } /*********************************************************************************************************** nzMenuSet.menu.append() : 메뉴컬랙션에 nzMenu 인스턴스를 할당하는 메소드 ***********************************************************************************************************/ function nzMenuSet_menu_append(obj) { if(obj.constructor != nzMenu) return false; this[this.length] = obj; return this.length - 1; } //############################################################################################################ //메뉴 객체 prototype //############################################################################################################ function nzMenu() { var args = nzMenu.arguments; //property this.id = args[0]; //id this.imgId = args[1]; this.offImg = args[2]; //mouseOut일때의 이미지 this.onImg = args[3]; //mouseOn일때의 이미지 this.focusImg = args[4]; this.layerId = args[5]; //하위 메뉴들을 포함할 레이어의 id this.cmdType = args[6]; //처리될 형태 this.cmdText = args[7]; //처리될 문구 //method this.createSubMenu = nzMenu_createSubMenu; //sub object this.subMenu = new Array(); //본 메뉴에 포함될 서브메뉴의 배열 this.subMenu.append = nzMenu_subMenu_append; //서브 메뉴를 추가하는 함수 } /*********************************************************************************************************** nzMenu.createSubMenu() : 서브메뉴 객체를 생성하는 메소드 ***********************************************************************************************************/ function nzMenu_createSubMenu() { var args = nzMenu_createSubMenu.arguments; //객체 반환 return new nzSubMenu(args[0], args[1], args[2], args[3], args[4], args[5]); } /*********************************************************************************************************** nzMenu.subMenu.append() : 서브메뉴 컬렉션에 nzSubMenu클래스의 인스턴스를 추가하는 함수 성공적으로 할당된 경우 추가된 nzSubMenu객체의 인덱스를 반환 ***********************************************************************************************************/ function nzMenu_subMenu_append(obj) { //인수가 nzSubMenu타입의 인스턴스인지 여부 확인 if(obj.constructor != nzSubMenu) return false; this[this.length] = obj; return this.length - 1; } //############################################################################################################ //서브메뉴 객체 prototype //############################################################################################################ function nzSubMenu() { var args = nzSubMenu.arguments; this.id = args[0]; //id this.offImg = args[1]; //mouseOut일때의 이미지 this.onImg = args[2]; //mouseOn일때의 이미지 this.focusImg = args[3]; //포커싱일때의 이미지 this.cmdType = args[4]; //처리될 형태 this.cmdText = args[5]; //처리될 문구(함수 or URL) } //############################################################################################################ //nzMenuSet 객체에서 메뉴 토글을 위한 전용함수 //############################################################################################################ function rollOverMenu(obj, img, src) { //현재 선택되지 않은 상황일때만 롤오버가 적용되도록 한다. if(obj.selectedMenu != img.param) img.src = src; } //############################################################################################################ //nzMenuSet 객체에서 메뉴 토글을 위한 전용함수 //############################################################################################################ function toggleMenu() { var args = toggleMenu.arguments; var obj = args[0]; var mIndex = args[1]; var url = args[2]; if(obj.constructor != nzMenuSet) return false; //url이 있는 경우 if(args.length == 3) { if(obj.selectedMenu != mIndex) location.href = url; } if(obj.selectedMenu == mIndex) { //서브 메뉴 접기 document.all[obj.menu[mIndex].layerId].style.display = nzDispNone; //메뉴 이미지 변경 document.all[obj.menu[mIndex].imgId].src = obj.menu[mIndex].onImg; obj.selectedMenu = -1; } else { //기존의 활성화된 메뉴 감추기 if(obj.selectedMenu > -1) { if(obj.menu[obj.selectedMenu].subMenu.length > 0) document.all[obj.menu[obj.selectedMenu].layerId].style.display = nzDispNone; //기존에 선택된 메뉴가 //최초에 선택되어진 메뉴가 아니거나 //서브메뉴가 할당된 메뉴인 경우에만 //이미지를 원래 이미지로 돌려준다. if(obj.initialMenu != obj.selectedMenu || obj.menu[obj.selectedMenu].subMenu.length > 0) document.all[obj.menu[obj.selectedMenu].imgId].src = obj.menu[obj.selectedMenu].offImg; } //새로 선택된 메뉴 포커싱 document.all[obj.menu[mIndex].imgId].src = obj.menu[mIndex].focusImg; //새로 선택된 메뉴 보이기 document.all[obj.menu[mIndex].layerId].style.display = nzDispBlock; //선택된 메뉴의 인덱스 변경 obj.selectedMenu = mIndex; } }