'javascript'에 해당되는 글 2

  1. 2011.09.17 티스토리에서 타임라인 쓰기(simile timeline + 바로 데이터 넣기)
  2. 2011.09.16 티스토리에서 타임라인 쓰기(simile timeline + Google Spreadsheet 사용)

티스토리에서 타임라인 쓰기(simile timeline + 바로 데이터 넣기)

여기에 타임라인과 함께 데이터를 넣어 주었다. (데이터는 다음과 같은 형식으로) 

 <mydata_110917 id="data_110917" style="display:none">
     <event start="1933" end="1937"
          title="일본유학시대"
          icon="http://whankimuseum.org/new_html/images/01_whanki/works_img02.jpg"
          image="http://whankimuseum.org/new_html/images/01_whanki/works_01_img.jpg"
          link="http://whankimuseum.org/new_html/01_whanki/index.php?checkPage=works_01">
       종달새 노래할 때, 1935, 캔버스에 유채, 178 x 127 cm......
       설명글을 적는다. 
     </event>
         ....... 
 </mydata_110917> 


티스토리에서 타임라인 쓰기(simile timeline + Google Spreadsheet 사용)

Simile Timeline widget(http://www.simile-widgets.org/timeline/)을 티스토리에서 쓸수 있도록 아주 조금 바꾸었다.
자바스크립트만 썼기 때문에 블로그에 설정을 해주어야 할 것은 없다.

데이터는
구글 스프레드시트 문서(보기)에 작성하고
구글API에서 제공하는 JSON 피드(보기)을 이용하여 불러오도록 했다.
따라서 스프레드시트 문서를 수정하면 이벤트들이 바로 바뀐다.