Rev. 2.73

protoload.gif

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();
  }
});

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar