Cross-browser DHTML tree menu 적용하기
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 에서 변경한다.
.
원본 파일을 보시고 싶으신 분은 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 에서 변경한다.
.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 2개
초보와는 다른 공력을 보게 됩니다.
이렇게 간단하게 설명이 될 수 있는 것을 아는 것도 힘드니 말입니다.
잘 활용해서 쓰겠습니다.