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도 지원을 합니다.

참조 사이트 :

• Time;line 생성방법 : http://simile.mit.edu/timeline/docs/timelines.html
• Timeline Class : http://simile.mit.edu/timeline/docs/timelines.html