ajax 활동아리미 예제

Ian Selby는 Prototype과 Scriptaculous를 이용한 에이젝스 활동 알리미(Ajax Activity Indicators)에 대한 문제점을 지적하고 자신이 개발한 사용법을 공개하였다. XMLHttpRequest들의 완료시점이 어정쩡한 프로토타입의 onComplete 옵션에 질려버린 개발자라면 Ian이 말하는 방식을 꼭 한번 살펴보자. 그의 데모 페이지에서 테스트해본 결과 XMLHttpRequest 요청이 일어나는 시점과 끝나는 시점을 정확히 잡아내며 여러번 클릭하여 다중으로 요청하는 경우에도 문제가 발생하지 않는다.

Ajax.Responders.register({
onCreate: function() {
if($('indicator') && Ajax.activeRequestCount > 0)
Effect.Appear('indicator',{duration: 0.25, queue: 'end'});
},
onComplete: function() {
if($('indicator') && Ajax.activeRequestCount == 0)
Effect.Fade('indicator',{duration: 0.25, queue: 'end'});
}
});

출처 : http://firejune.com/905