* 기능
- 원하는 때에 (ajax 통신등)로딩이미지 (빙글빙글 이미지) 띄우기 혹은 레이어 띄우기
- 혹은 결제버튼 사용자가 두번 못누르게 화면에 레이어 한장씩 띄울때 등등 적용은 다양할 것이다
* 사용법 (아래 사이트에 친절히)
http://blog.naver.com/eternize?Redirect=Log&logNo=30021887207
* 다운로드 http://aka-fotos.de/protoload/
* 간단 사용법 정리
1. prototype.js protoload.js, protoload.css include하고
2. ${element}.startWaiting(); ${element}.stopWaiting(); 원하는 때에 맞추어 코드만 추가하면됩니다.
(시간이나 배경색도 컨트롤 가능합니다)
* 해보면서 -_- 경험한 tip
1. prototype.js 1.5 이상
2. css파일 수정이 필요합니다(로딩중 이미지 경로)
3. 자신이 원하는 옵션에 따라서 로딩이미지 생성해줌 ->>>> http://www.ajaxload.info/ (신기신기)
4. ${element}.startWaiting('bigBlackWaiting'); 이렇게 인자를 주면 배경색이 검게.. 기본은 흰색
5. 엘리먼트 (인풋,셀렉트박스등등) 도 로딩이미지가 뜰수있다는..
6. protoload.js 수정 필수 48라인 근처 주석처리후 코드 추가
자세한 내용은 http://kingori.egloos.com/3319806 여기서 꼭 보세요.
안할경우, 많은 레이어를 사용하는 ie에선 적용이 안됩니다.
if (this._waiting) {
offsetValue = findPos( this );
var left = offsetValue[0],
top = offsetValue[1],
width = this.offsetWidth,
height = this.offsetHeight,
l = this._loading;
/* var left = this.offsetLeft,
top = this.offsetTop,
width = this.offsetWidth,
height = this.offsetHeight,
l = this._loading;
*/