사용자 삽입 이미지

요런 페이지 네비게이터를 만들어 줍니다.
Prototype.js 가 필요하구요.

소스와 예제는 첨부합니다.



var navi = new Navigator(this, { target : 'result', lang : 'ko', callback : this.doMove, total : 110, limit : 10, pageSize : 5, currPage : 1 } );
navi.show(); //diplay
navi.go(3); //goto page

navi.reset({ target : 'result', lang : 'ko', callback : this.doMove, total : 110, limit : 10, pageSize : 5, currPage : 1 }); //page options reset

●options description●
this.options = { target : 'result', lang : 'ko', callback : this.doMove, total : 110, limit : 10, pageSize : 5, currPage : 1 }
target 뿌려질 엘리먼트 아이디
lang 사용될 언어 리소스
callback 네비게이터 클릭했을때 사용될 콜백 함수
total 레코드 총 개수
limit 페이지당 표시될 레코드
pageSize 한 화면에 뿌려질 페이지 개수
currPage 초기화 페이지

●property description●
navi.options.currPage 는 현재 선택된 페이지 번호
navi.options.target 는 표시될 엘리먼트 아이디
navi._totPage 는 토탈 페이지
신고
Posted by Rhio.kim