묻고답하기

문의드립니다.

 

1. 자바스크립트 전혀 모르는 문외한입니다. 가급적 고쳐야 되는 소스를 직접 말씀해 주셨으면 합니다ㅠㅠ

 

2. 팁 게시판(https://www.xpressengine.com/18158820) 을 보고, 홈페이지에 서브메뉴를 트리메뉴로 생성했습니다.

 

3. 홈페이지 특성상 서브 메뉴 밑에 또 다른 메뉴를 만들어야 됩니다. 이것 역시 트리메뉴로 하려고 시도했습니다. 즉 서로 다른 트리메뉴가 위, 아래 2개를 만들어야 됩니다.

 

4. 처음 서브메뉴에 쓰였던, dtree.js 파일과 레이아웃의 css, html 파일을 그대로 복사하여 파일명만 바꿔서 서브메뉴 밑에 또 다른 트리메뉴를 만들었습니다.  원래의 트리메뉴 dtree.js 이름을 otree.js 로 바꾸고, 파일안의 소스에 있는 모든 dree 란 단어를 otree 로 바꾸고 적용을 했습니다. css와 html 역시 같은 방법으로 적용했습니다.

 

5. 문제가 발생했습니다. 최초의 서브메뉴 밑에 또 다른 메뉴를 생성하는데 까지는 성공했습니다. 문제는 또 다른 트리메뉴를 만들기 전에는 원래의 서브메뉴인 dtree.js 를 이용한 트리메뉴는 아무문제없이 메뉴나 메뉴 옆의 이미지를 클릭하면 트리메뉴들이 펼쳐졌다 접혔다 등등 동적효과가 있었습니다.  그런데 그 밑에 또 다른 트리메뉴를 생성시켰더니 2개의 트리메뉴가 둘 다 동적효과가 사라졌습니다.

 

자바스크립트 언어를 전혀 볼 줄 몰라서 무엇을 어떻게 바꿔야 하는지 몰라서 문의드려봅니다.

 

 

 

원 소스와 제가 변경한 소스를 첨부해 봅니다.

 

6. dtree.js 소스와 otree.js 소스  -  dtree.js  /  otree.js (단순히 dtree.js 안의 모든 dtree 단어를 otree로 바꾸기만 했습니다)

 

 

7. 원본 css

 

/* Dtree lnb */
#dtree { margin-top: 30px; margin-bottom: 5px; padding:15px 0 0 4px; font-family: Malgun Gothic, 돋음, Verdana, sans-serif, Geneva, Arial, Helvetica ; font-size: 13px; color: #666; white-space: nowrap; border-color:#dedede #ffffff #dedede #ffffff; border-style:solid; border-width:1px 1px 1px 1px;}
#dtree img { border: 0; vertical-align: middle; }
#dtree a { color: #333; text-decoration: none; }
#dtree a.node { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.node:hover { color: #0000FF; text-decoration: underline; }
#dtree a.nodeSel:hover { color: #0000FF; text-decoration: underline; }
#dtree a.nodeSel { background-color: #CADEFC; color: #0000FF; }
#dtree .clip { overflow: hidden; }
#dtree p { margin-bottom: 10px; padding:20px 10px 0 0; text-align:right; }

 

 

수정한 css  (원본 css 에서 단순히 dtree 단어만 찾아서 otree 로 변경해줬습니다.)

 

 

8. 원본 html 소스

 

<div id="dtree">
 <script type="text/javascript">

  d = new dTree('d');

    var v,w,x,y,z,cnt;
  v=0;
  w=10;
  x=100;
  y=1000;
  z=10000;
  cnt=0;

  d.add(0,-1,'Sammasati','/osho_homepage','','');

  <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
   v=v+1;d.add(v,0,'{$val['link']}','{$val['href']}',''<!--@if($val['open_window']=='Y')-->,true<!--@end-->);
   <!--@if($val['selected']) -->
    cnt=v;
   <!--@end-->


   <!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
    w=w+1;d.add(w,v,'{$val1['link']}','{$val1['href']}',''<!--@if($val1['open_window']=='Y')-->,true<!--@end-->);
    <!--@if($val1['selected']) -->
             cnt=w;
             <!--@end-->
   
    <!--@foreach($val1['list'] as $key2 => $val2)--><!--@if($val2['text'])-->
     x=x+1;d.add(x,w,'{$val2['link']}','{$val2['href']}',''<!--@if($val2['open_window']=='Y')-->,true<!--@end-->);
    <!--@if($val2['selected']) -->
             cnt=x;
             <!--@end-->

 <!--@foreach($val2['list'] as $key3 => $val3)--><!--@if($val3['text'])-->
     y=y+1;d.add(y,x,'{$val3['link']}','{$val3['href']}',''<!--@if($val3['open_window']=='Y')-->,true<!--@end-->);
    <!--@if($val3['selected']) -->
             cnt=y;
             <!--@end-->

   <!--@foreach($val3['list'] as $key4 => $val4)--><!--@if($val4['text'])-->
     z=z+1;d.add(z,y,'{$val4['link']}','{$val4['href']}',''<!--@if($val4['open_window']=='Y')-->,true<!--@end-->);
    <!--@if($val4['selected']) -->
             cnt=z;
             <!--@end-->


   
   
    <!--@end--><!--@end-->
    <!--@end--><!--@end-->
    <!--@end--><!--@end-->
   <!--@end--><!--@end-->
  <!--@end--><!--@end-->

  document.write(d);

  d.openTo(cnt, true);

 </script>
 <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
</div>

 

 

수정한 html (원본 html 에서 단순히 dtree 단어만 찾아서 otree 로 변경해줬습니다.)

 

 

이런 상황에서 메뉴생성은 성공했는데 원래의 트리메뉴처럼 메뉴가 동적으로 움직이려면

어느 부분을 추가로 수정해줘야 하는지요?

 

고수님들의 도움 부탁드립니다.ㅠㅠ

 

 

태그 연관 글
  1. [2023/08/23] 묻고답하기 쇼핑몰 기능 by livemedia
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/10/20] 묻고답하기 html 사진 슬라이드 질문 by 나비 *2
  4. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  5. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
뉴스피드 모바일접속시 먹통 문제 [1] 2015.04.16 by soroweb
rnz|modest 브라우저 버전체크 [1] 2015.04.16 by soroweb
줄리그랜트 지점찾기 같은 게시판 문의드리려구요~  
케인크로니클 제작의뢰 게시판에 댓글 달려면 어떻게해야되요? [2] 2015.04.16 by MEGA
유샤인 Fatal error: Call to a member function getRegdate() on file  
기우기d822f 기상청모바일 링크 [1] 2015.04.16 by 기우기d822f
루달스튼 쉬운 설치, SFTP 설정, libssh2-php 문제 [1] 2015.04.16 by doogle
가입명 captcha 애드온 글자 숫자  
kosher 블로그형 게시판에서 글 내용이 출력이 안됩니다. file  
newi 본문 이미지 새창으로 띄우려고 해요  
GREATGUY 동영상 질문드립니다.  
gu board 모듈에서 history.back() 가 익스에서만 안먹네요..  
bbkk 회원 정보 수정에 프로필 사진 등록이 없어요 [2] file 2015.04.16 by bbkk
xe이용자 글쓰기 / 메뉴 수정 불가 file  
erick19735bca1 xe 설치시 Access denied for user 'ooooo'@'127.0.0.1' (using password: YES) file  
추억팔이 페이스북 링크공유 문제 file  
이처리 스케치북 별점 사용자정의 여러개 설정하기 질문 [2] file 2015.04.16 by 이처리
랩터 게시물 리디렉트? 관련 초보 문의 드립니다. [1] 2015.04.16 by BJ람보
Golden-mean 1.8 업그레이드시 php서버 버전이 5.5 이하면? [2] 2015.04.16 by BJ람보
rtyyhh 회원동기화시 디비연결 풀림현상..  
xe이용자 코어를 1.8로 업데이트 하려는데 ... file  
Golden-mean 모바일 페이지에서 텍스트 선택/복사 기능?  
flowerrain 자바스크립트 메뉴(dtree.js) 문의드립니다. file  
일단놓고말해 Parse error: syntax error, unexpected end of file 에러 도와주세요!!!!!!! [2] file 2015.04.15 by 일단놓고말해
동글유부 업데이트 후 페이지가 안뜹니다...ㅜ-ㅜ.. [2] 2015.04.15 by 동글유부
아나까떼 전체 회원 수를 구하는 함수가 model에 있나요? [2] 2015.04.15 by 아나까떼
무슨 module_srl이 뭔가요? [3] file 2015.04.15 by sejin7940
디노51846 기본주소와 도메인에 대해서 질문이 있습니다. [1] 2015.04.15 by ehii
하살 로그인 문제 [1] 2015.04.15 by MEGA
hwuiwon XE 모바일 레이아웃대신 기본 웹 그대로 불러오는방법 [1] 2015.04.15 by MEGA