JAKARTAPROJECT
JAKARTA TIPJSP TIPJSP 질문&답변DATABASE TIPJAVASCRIPT TIPWEBHACKING TIP기타 TIP
자바스크립트 팁
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
js, xml을 이용한 동적로딩가능 트리
GoodBug
이미지 슬라이더 보기

세계최고의 트리메뉴가 아닐까 생각되네요.

 

간단하게 xml에서 정의만 해주면 트리로 구성이됩니다.

 

소스 http://muhwa.com/!/fb?37

예제 http://muhwa.com/@/ActiveTree/

=============================================================

 

CSS와 JS파일을 포함하시고(현재파일 소스를 참조하세요)
<xmp style="display:none">이곳에 xml</xmp>
또는
<xmp src="def.xml" style="display:none">이곳에 xml</xmp>
이런식으로 시작합니다.
첫번째 방법은 html문서에 바로 xml을 작성해주는거고 두번째는 웹페이지가 열리는 동시에 읽어오는 방식입니다.(첫번째걸 권장합니다.)


최초 xml의 root노드는 다른 노드와 틀리게 "icon-url" 이란 속성이 하나 더 필요합니다.
그곳에 아이콘 주소를 써주세요.


아이콘은 20px*20px싸이지 세로로 쭉 나열해야합니다.
첫번째 칸은 빈칸이여야합니다.
두번째부터 작은 짝수와 큰 홀수번째꺼는 쌍을 이뤄 하나로 칩니다.(그냥 몇번 보면 아실겁니다;;)


일반적으로 노드들은
icon : 아이콘 번호를 적어줍니다(꼭).
href : 글자 클릭후 이동할 주소를 적어줍니다(선택).
src : 동적 로딩할 xml 이 있는 주소를 적어줍니다(선택).
action : 이 속성이 href를 이깁니다, JScript 코드를 적어주시면 글자클릭시 실행합니다(선택).
4가지 속성을 가집니다.


동적 로딩할 xml문서는 루트노드는 무시한채 루트노드의 하위 노드들로만 현재 노드 하위에 트리를 만들어냅니다.

 

from http://www.phpschool.com/bbs2/inc_view.html?id=11971&code=tnt2&start=0&mode=&field=&search_name=&operator=&period=&category_id=&s_que=

2005-03-25 12:57:23
211.189.124.***

 

좋은생각 ^^

첨부파일 (총 1개)
  1. ActiveTree.zip 6.27 KB (86 다운로드)
0점 (0명)
안녕하세요^_^ 1 뱅주씌 2005-03-17
js, xml을 이용한 동적로딩가능 트리 GoodBug 2005-03-25
lucene Apache Lucene "데모 실행 및 분석"편 4 Tag 1 GoodBug 2005-07-19
Ant-Contrib Tasks GoodBug 2006-02-04
Analyze 하기 GoodBug 2005-05-28
스킨설정시... 초보사용자 2005-03-30
[답변] 스킨설정시... GoodBug 2005-03-30
덧글 0개 | 태그 0개 | 관련글보기
태그입력
쉽표(,)구분으로 한번에 여러 태그를 입력할수 있습니다
이름 비밀번호
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
! 번호 제목 글쓴이 일자 조회
220 img 이미지 부드럽게 줄이기 1 GoodBug 2009-12-18 8,155
219 rss xml 파싱하는 모듈 입니다. 1 고고싱 2009-11-27 7,606
218 트리 입니다 . 1 고고싱 2009-11-27 5,840
217 에러처리 1 kaiser 2009-05-11 6,055
216 웹페이지 복사 방지 해지 하는 법 kaiser 2009-05-03 11,640
215 javascript 한글 짜르기 1 1 kaiser 2008-08-14 7,947
214 rolling 롤링 스크립트 1 2 GoodBug 2008-07-11 10,096
213 alert 메시지를 print 처럼 사용하기 2 고고싱 2008-06-10 8,634
212 onload onload 펑션이 정의되어 있는 상황에서 onload에 추가하기 1 GoodBug 2008-04-11 8,412
211 javascript 자바스크립트 개발가이드 4 1 kaiser 2008-04-09 8,859
210 escape HTML escpae code 1 GoodBug 2008-04-02 6,465
209 optgroup SELECT 목록 그룹별로 묶기 1 1 GoodBug 2008-03-06 8,186
208 동적 테이블 테이블에 동적 TR 삽입 및 삭제 IE, FF 공용 1 GoodBug 2008-01-18 11,713
207 drag Javascript drag and drop 1 1 GoodBug 2008-01-16 8,132
206 sort Sortable HTML table 2 GoodBug 2008-01-16 7,368
205 scrollable table Scrollable HTML table 1 GoodBug 2008-01-16 7,051
204 CSS CSS centered layout 1 1 GoodBug 2008-01-16 6,652
203 utf8 Javascript UTF-8 1 GoodBug 2008-01-16 7,880
202 encode Javascript url decode, encode 2 GoodBug 2008-01-16 8,093
201 암호화 Javascript MD5 2 GoodBug 2008-01-15 7,331
copyright 2005-2018 by Unicorn