트리매뉴입니다. 정보
기타 트리매뉴입니다.첨부파일
본문
비슷한 매뉴를 찾다가 없는것 같아 만들어보았습니다.
코드가 좀 지져분해도 양해바랍니다.
별로 쓸대는 없겠지만 그래도 필요하다면 받아가시기 바랍니다.
그룹을 상단 그룹에 속한 게시판이 그하위에 속하며 해당 게시판에
카테고리가 있다면 게시판의 하위로 속합니다.
그룹명 만들때에는 '1_ㄱ', '2_ㄴ' 식으로 '숫자_그룹명'으로 만들어 주세요
앞에 '숫자_'으로 순서를 정합니다.
메뉴 css는 기본 tag 'a'로 지정하시면 됩니다.
####적용####
[1]
tree로 시작하는 javascript 파일이 3개 있습니다.
/그누보드/js/ 에 넣으시면 됩니다.
넣고 반드시 707mode로 해주세요.
초기 페이지 로드시 메뉴 Item에 대한 js파일을 DB에서 읽어 Write합니다.
[2]
tree_menu.php가 있습니다.
/그누보드/expand/ 에 넣으시면 됩니다.
[3]
icon폴더가 있습니다.
/그누보드/icon 으로 위치하시면 됩니다.
위치 및 이미지 변경시 icon폴더의 이미지와 tree_tpl.js안에 보시면 충분히 이해 되실겁니다.
[4]
head.php에 아래 내용을 추가합니다.
----추가시작----
<? setTreeCreate(); ?>
<script language="JavaScript" src="./js/tree.js"></script>
<script language="JavaScript" src="./js/tree_items.js"></script>
<script language="JavaScript" src="./js/tree_tpl.js"></script>
<div><script language="JavaScript"> new tree (TREE_ITEMS, TREE_TPL); </script></div>
----추가종료----
에서 new tree라는 부분이 Tree Menu를 출력하는 부분입니다.
혹시나 Target지정을 원하시면 tree_tpl.js안에 target라는 부분의 값을 변경하세요.
기본이 다른걸로 되어있어 _top이나 머 이런걸로 바꾸셔야 할겁니다.
그림에서 최상단의 내임명 현재 이미지에서는 'Menu Item'명을 변경하시려면
Tree_menu.php안의 $subject의 값을 변경하시면 됩니다.
추가내용에 대한 Line순서는 변경하지 마십시요. ^^
코드가 좀 지져분해도 양해바랍니다.
별로 쓸대는 없겠지만 그래도 필요하다면 받아가시기 바랍니다.
그룹을 상단 그룹에 속한 게시판이 그하위에 속하며 해당 게시판에
카테고리가 있다면 게시판의 하위로 속합니다.
그룹명 만들때에는 '1_ㄱ', '2_ㄴ' 식으로 '숫자_그룹명'으로 만들어 주세요
앞에 '숫자_'으로 순서를 정합니다.
메뉴 css는 기본 tag 'a'로 지정하시면 됩니다.
####적용####
[1]
tree로 시작하는 javascript 파일이 3개 있습니다.
/그누보드/js/ 에 넣으시면 됩니다.
넣고 반드시 707mode로 해주세요.
초기 페이지 로드시 메뉴 Item에 대한 js파일을 DB에서 읽어 Write합니다.
[2]
tree_menu.php가 있습니다.
/그누보드/expand/ 에 넣으시면 됩니다.
[3]
icon폴더가 있습니다.
/그누보드/icon 으로 위치하시면 됩니다.
위치 및 이미지 변경시 icon폴더의 이미지와 tree_tpl.js안에 보시면 충분히 이해 되실겁니다.
[4]
head.php에 아래 내용을 추가합니다.
----추가시작----
<? setTreeCreate(); ?>
<script language="JavaScript" src="./js/tree.js"></script>
<script language="JavaScript" src="./js/tree_items.js"></script>
<script language="JavaScript" src="./js/tree_tpl.js"></script>
<div><script language="JavaScript"> new tree (TREE_ITEMS, TREE_TPL); </script></div>
----추가종료----
에서 new tree라는 부분이 Tree Menu를 출력하는 부분입니다.
혹시나 Target지정을 원하시면 tree_tpl.js안에 target라는 부분의 값을 변경하세요.
기본이 다른걸로 되어있어 _top이나 머 이런걸로 바꾸셔야 할겁니다.
그림에서 최상단의 내임명 현재 이미지에서는 'Menu Item'명을 변경하시려면
Tree_menu.php안의 $subject의 값을 변경하시면 됩니다.
추가내용에 대한 Line순서는 변경하지 마십시요. ^^
추천
4
4
댓글 전체

앗 제가 찾던겁니다. 감사합니다.
감사합니다...
좋은 정보네요...
앗 좋아요~^^*
오예~ 겟!
안녕하세요
트리매뉴 받아서 사용하려는 사람입니다.
트리매뉴에서요 윈도우 탐색기처럼 폴더를 누르면 하위 매뉴가 나오는게 아니고
다른곳으로 가게 되어 있네요
옆에 +을 누르면 하위매뉴가 나오는데요
폴더를 눌러도 하위매뉴가 나오도록 어떻게 하는건가요?
트리매뉴 받아서 사용하려는 사람입니다.
트리매뉴에서요 윈도우 탐색기처럼 폴더를 누르면 하위 매뉴가 나오는게 아니고
다른곳으로 가게 되어 있네요
옆에 +을 누르면 하위매뉴가 나오는데요
폴더를 눌러도 하위매뉴가 나오도록 어떻게 하는건가요?

잘 만드셨습니다.^^
아쉽네요..리플레시되는 점이..어케 안되려나? 음
ㅋㅋ 리플레시되도 유지되게 성공했습니다..ㅎㅎ
음..마지막으로 본 댓글이 2개인대요.
간만에 들어오니 의외로 좀 달려 있내요 ^^;...
이제 슬슬 다시 작업을 ㅡ.,ㅡ;..
간만에 들어오니 의외로 좀 달려 있내요 ^^;...
이제 슬슬 다시 작업을 ㅡ.,ㅡ;..
정말 좋은 소스입니다.
감사합니다.
~~~~~~~~~~~~~~~
감사합니다.
~~~~~~~~~~~~~~~
