Andreas Kalsch씨는 Ajax로딩에 사용되는 인디케이터를 쉽게 다룰 수 있도록 Protoload라는 이름의 자바스크립트 라이브러리를 만들고 공개했다. Ajax로딩 이벤트에 추가할 수 있으며 서버로부터 응답이 발생할 때 까지 나타나게 된다. 인디케이터는 기본으로 모달성격을 띠고 있으며, 종류는 크게 3가지로 분류할 수 있다. 전역(body) 인디케이터와, 박스 인디케이터, 그리고 부분(element) 인디케이터이다. 특히, element단위로 인디케이터를 사용할 수 있게 한 아이디어는 매우 훌륭하다. 그리고 Prototype 자바스크립트 프레임웍을 필요로한다.
new Ajax.Request('/test', {
onLoading: function() {
$('thirdBox').startWaiting();
},
onSuccess: function(req) {
// Do something with req.responseXML/Text ..
...
},
onComplete: function() {
$('thirdBox').stopWaiting();
}
});
Ajax 로딩 인디케이터 컴포넌트 - Protoload - Firejune Blog
