오픈소스SW
Timeline 소개
chaeya
2008. 12. 26. 14:54
반응형
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도 지원을 합니다.
참조 사이트 :
- Time;line 생성방법 : http://simile.mit.edu/timeline/docs/timelines.html
- Timeline Class : http://simile.mit.edu/timeline/docs/timelines.html
반응형