r

Cross-browser DHTML tree menu 적용하기

· 2004-05-21 (금) 13:15:05 · 4196 · 2
tree.jpg
http://www.treeview.net/ 에있는 Treeview Free Download Version 4.3을 받아서 수정한 것입니다.
원본 파일을 보시고 싶으신 분은 http://www.treeview.net/ 에서 다운받아 보시기 바랍니다.

설치는 http://ThreeS.org 사이트에 설치한것을 예로 들어서 설명하겠습니다.
1. 다운로드 파일의 압축을 풀어서 /gnu3/treeview 에 카피한다.
* 만약 설치 디렉토리를 변경하시면
1) treeview.php 파일에 설정된 js파일의 디렉토리를 변경한다.
2) ftiens4.js 파일에 있는 아이콘 이미지 경로를 수정한다(var ICONPATH = '/gnu3/treeview/')

2. 메뉴 호출은 메뉴를 보이고 싶은곳에 다음 내용을 추가한다.
<? include "./treeview/treeview.php"; // 트리메뉴 호출 ?>

3. 이미지를 사용하고 싶으면
/gnu3/treeview/treeview.js 파일에서 "USEICONS = 0"을 "USEICONS = 1"로 변경해서 사용한다.
이미지를 바꾸고 싶다면
/gnu3/treeview/ 에있는 gif 이미지 파일들을 수정한다.(같은이름으로)

4. 메뉴내용 및 링크 변경은 treeview.js 에서 변경한다.
.

첨부파일

tree.jpg (27.7 KB)
19회 2004-05-21 13:25
treeview.zip (16 KB) 190회 2004-05-21 13:25
|

댓글 2개

아주 간단하게 설명을 끝내주시는군요.
초보와는 다른 공력을 보게 됩니다.
이렇게 간단하게 설명이 될 수 있는 것을 아는 것도 힘드니 말입니다.
잘 활용해서 쓰겠습니다.
트리메뉴2
댓글을 작성하시려면 로그인이 필요합니다.

그누3 팁자료실

1,026건
+
제목 글쓴이 날짜 조회
04-06-02 조회 2,616
04-06-02 조회 3,560
04-06-02 조회 2,391
04-06-01 조회 2,190
04-06-01 조회 2,297
04-05-29 조회 2,803
04-05-27 조회 2,388
04-05-27 조회 3,171
04-05-27 조회 2,615
04-05-26 조회 3,117
04-05-24 조회 3,326
04-05-21 조회 2,314
04-05-21 조회 4,197
04-05-20 조회 3,389
04-05-19 조회 2,471
04-05-18 조회 2,501
04-05-17 조회 2,437
04-05-16 조회 3,220
04-05-16 조회 2,430
04-05-16 조회 2,851