어떻게 보면 메뉴링크와 통짜로 만들어진 페이지의 구조와 비슷하달까? 아마 기존에 통짜로 만드는 페이지에서 부분적인 페이지 영역을 바꾸려면 서버스크립트로 구상했어야 했다. Ajax로 조금 좋은 방법은 아니지만 고전적인 Ajax 방식으로 페이지의 메뉴와 컨텐츠 영역을 ajax로 꾸민다면 다음과 같은 기본적인 코드로 시작해야 하지 않을까 해서 파일을 만들어 봤다. XMLHttpRequest 버튼의 onclick과 같이 a테그나 메뉴의 이미지 테그 같은 부분에 onclick 이벤트 핸들러를 통해 loadPage를 호출하면 원하는 페이지를 우리가 원하는 div id 영역에 출력할 수 있게 된다. 대신 ajax 호출은 웹서버상에 올라가 있어야 사용할 수 있다는 단점아닌 단점이 있겠다.
// getFile 함수 // 파일을 읽어 파일 내용을 '문자열(string)'로 반환한다. // @param url string - 파일의 경로 // @return string '파일 내용' / bool false function getFile(url) { // 인터넷 익스플로어러가 아닌 경우 XMLHttpRequest COM 객체를 호출 if (window.XMLHttpRequest) { AJAX=new XMLHttpRequest(); } else { // 인터넷 익스플로어러인 경우 Microsoft.XMLHTTP 객체를 ActiveX로 호출 AJAX=new ActiveXObject("Microsoft.XMLHTTP"); } // XMLHttpRequest 객체를 생성 했으면 if (AJAX) { /..
기존에 많이 나와있던 UI들중 http://dojotoolkit.org/ 에서 제공되던 UI에 감탄할 수 밖에 없었다.. YUI(Yahoo의 라이브러리, http://developer.yahoo.com/yui/)의 라이브러리들도 있었지만 아직은 제대로된 예제를 써보기가 많이 어려웠는데, YUI를 확장한 YUI-EXT 라는 사이트에서 멋진 UI를 보여줘서 눈을 땔 수가 없었다. http://www.yui-ext.com/deploy/ext-1.0-alpha3/docs/ 페이지를 참조해보면 정말 감탄이 나올만한 UI 인터페이스를 제공한다. 물론 나와있는 많은 JavaScript 라이브러리들이 각자의 역할에 맞는 충실한 라이브러리들이 많지만. Document의 UI측면에서는 눈에 딱 삘이 꽂히는 UI를 선보인게..
