Programming/AJAX
-
Ajax 기본 강의 문서.Programming/AJAX 2011. 3. 2. 22:34
Ajax 기본개념 자바스크립트 기본 문법 간단한 HTML과 CSS DHTML (Dyanmic HTML), DOM(DocumentObjectModel) Ajax (XMLHttpRequest) JavaScript Framework prototype script.aculo.us 예제를 통해서 다루게 되는 Ajax 응용 기술 동적인 테이블 제어 HTML 대화상자 기능 검색어 추천 기능 트리 폴딩 드래그 & 드랍 실습 내용 DHTML DHTML(Dynamic HTML) 기초 링크를 누르면 특정 태그 안의 내용을 바꾼다. document.getElementById를 이용해서 특정 id를 가진 엘리먼트를 취하고 innerHTML 속성을 통해서 엘리먼트의 내용을 변경한다. Greeting!! Hello DHTML 테이..
-
prototype 사용한 테스트 Ajax 샘플Programming/AJAX 2011. 3. 2. 16:58
prototype.js 1.7 버전 Ajax.PeriodicalUpdater 클래스는 주기적으로 Ajax.Updater를 생성하도록 하는데 사용됩니다. 이 방법을 통해서 특정 시간 주기마다 페이지의 어떤 요소를 업데이트 하도록 할 수 있으며, 이 기능은 주식 정보나 RSS 리더 등 사용자에게 항상 최신의 정보를 보여 주어야 하는 어플리케이션에 적합합니다. 또한 Ajax.Updater의 옵션에 2개의 추가적인 파라미터를 더 가지며, frenquency 와 decat 가 그것입니다. frenquency 는 초 단위의 값으로 몇 초마다 업데이트를 진행할지를 결정하며, 기본값은 2초입니다. decay 는 서버가 변화 없는 데이터를 보낼 때, 주기적으로 로드하는 시간을 frequency에서 몇 배 늘릴 것인가를 ..
-
Ajax library 만들어서 사용하기.(샘플)Programming/AJAX 2011. 3. 2. 16:14
간단하게 라이브러리 만들어서 호출하는 식으로 사용합니다. test.html myAJAXlib.js //브라우저 종류 판별을 이용한 방법 /* function getXMLHTTPRequest(){ var req = false; if(window.XMLHTTPRequest){ req = new XMLHTTPRequest(); }else{ if(window.ActiveXObject){ try{ req = new ActiveXObject("Msxml2.XMLHTTP"); }catch(err){ try{ req = new ActiveXObject("Microsoft.XMLHTTP"); }catch(err){ req = false; } } } } return req; } */ // 브라우저에 무관하게 객체 생성 f..
-
-
AJAX 와 관련된 프레임웍과 라이브러리Programming/AJAX 2011. 2. 12. 13:45
실제 Ajax로 프로그램을 개발 할때 반드시 마주치게 될 프레임웍이나 라이브러리정리. Accesskey Underlining Library (오픈소스) http://www.gerv.net/software/aul/ 문자열에 태그를 일일이 지정하지 않아도 단축키에 해당하는 부분에 밑줄을 그어주는 기능을 제공. HTML 엘리먼트에 accesskey 속성을 지정하기만 하면, 자바스크립트가 자동으로 해당 DOM 엘리먼트의 내용을 읽어 밑줄을 추가해준다. ActiveWidgets (상용- 무료로 다운로드 가능) http://www.activewidgets.com 리치 클라이언트용 자바스크립트 위젯 라이브러리. 리치 그리드 위젯이 가장 핵심적인 모듈. Ajax JavaServer Faces Framework (오픈소..
-
AJAX 시작하기.Programming/AJAX 2010. 9. 29. 14:47
AJAX:Getting Started 이 글은 당신이 AJAX 기본을 헤쳐가는 것을 이끌고, 두 가지 간단한 훈련용 예제를 제공합니다. 목차[숨기기] 1 AJAX란? 2 1단계 – say "Please!" or How to Make an HTTP Request 3 2단계 – "There you go!" or Handling the Server Response 4 3단계 – "All together now!" - A Simple Example 5 4단계 – "The X-Files" or Working with the XML Response AJAX란? AJAX (Asynchronous JavaScript and XML)는 강력한 브라우저 특징 두가지를 가리키는 신조어입니다. 개발된지는 몇 년 됐지만 많은 ..