2006/10/31 13:46
태터툴즈 다이나믹 로딩 스킨
요약
기존에 만들었던 wilderness 스킨을 바탕으로 dojo toolkit 을 바탕으로 동적으로 페이지를 불러 들이는 스킨기능
- 동적으로 페이지를 로딩하여 속도향상
- 기존의 태터툴즈 소스를 수정하지 않고 구현 javascript 로 구현
- 페이지 로딩시에 fadeIn, fadeOut 효과
구현 방법
대략적인 구현방법은 이렇다.- 처음 페이지 로딩시에 문서에 포함된 모든 링크들을 수정한다.
- 외부링크는 새창으로 띄우도록 수정
- 내부링크는 GoLink() 함수로 호출하여 dojo.io() 를 이용해서 javascript 에서 동적으로 페이지를 물러들인다. 이때 불러들인 페이지는 parsing 하여 모든 링크를 가능하면 동적으로 불러들일 수 있도록 수정
구현예시.
<a href="./tt/60">dojo library</a> 를 아래와같이 수정한다.
<a href="#" onclick="GoLink('./tt/60"); return false;">dojo library</a>
그러면 GoLink() 함수에는 동적으로 해당 URL 의 페이지를 불러들여서 parsing 해서 dojo.byId('content').innerHTML 에 다시 대입한다.
![[top]](/tt/skin/modern/images/btn_top.gif)