Timeline

DHTML기반의 Ajax 효과를 나타내는 Time-line을 소개합니다. 참 괜찮은 아이디어로 웹으로 일정이나 과거 연대기사를 저장하는데 도움을 줄 것으로 보입니다.

  • XML에 데이터를 저장하여 헤더에  Timeline's Javascript API(http://simile.mit.edu/timeline/api/timeline-api.js)를 링크하면 기본 환경은 구성됩니다. 
  • DIV Element를 생성하고
  • Timeline.create()를 호출하기 위해서 onload and onresize이벤트를 body에 추가해 줍니다.
  • onLoad() 함수내에 eventSource를 생성하고
  • Timeline.createHotZoneBandInfo, Timeline.createBandInfo를 추가하여 자기가 원하는 내용을 추가해 줍니다.

이렇게 함으로써 Timeline이 완성이 됩니다.
그리고 JSON도 지원을 합니다.

참조 사이트 :

'오픈소스SW' 카테고리의 다른 글

CentOS 5.2 Final + BIND 9.3.4  (0) 2009.08.02
UML 지원 CASE Tool  (0) 2009.04.29
웹 방화벽을 구축하기 위한 mod_security 설치기  (0) 2008.12.26
웹 기반의 무료 Visio 툴  (0) 2008.12.26
Web-Based WYSIWYG editor 비교  (0) 2008.12.26

+ Recent posts