[Prototype] 전역 Ajax 작동감지기 indicator 설치

Ajax.request
Ajax.update
작동시마다 자동으로 '기다려주세요' 와 같은 표시를 하고싶을때
표시를 1개로 통일하여 사용하는것이다.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

<style type="text/css"> <!-- div.indicator {             position: fixed;             bottom: 0;             padding: 0;             height: 20px;             margin: 0;             padding: 5px;             width: 100%;             background-color: #FFFF99;             display: block;             text-align: center;             font: bold 1.3em 'Verdana, Arial, Helvetica, sans-serif'; } --> </style>   <script type="text/javascript"> //<![CDATA     // Global Ajax Indicator     var Indicator = Class.create({         initialize: function() {             this.element = document.createElement('div');             this.element.setStyle({ display:'none' });             this.element.addClassName('indicator');             this.element.update('<img src="/images/protoload/waiting.gif" width="16" height="16" align="absmiddle"> Working...');             document.body.insert(this.element, { position:'bottom' });         },         show: function() {             //this.element.show();             Effect.Appear(this.element, {duration: 0.25, queue: 'end'} );         },         hide: function() {             //this.element.hide();             Effect.Fade(this.element, {duration: 0.25, queue: 'end'} );         }     });          document.observe('dom:loaded', function(e) {         // Indicator         Indicator = new Indicator();         // Indicator 이용 Ajax 작동상태 표시기 셋팅         Ajax.Responders.register({             onCreate: function() {                 Indicator.show();                 Ajax.activeRequestCount++;             },             onComplete: function() {                 Indicator.hide();                 Ajax.activeRequestCount--;             }         });     }); //]]> </script>