Javascript 테이블 페이지 전환 효과 구현 아이디어 및 code_javascript 기술

코드 복사 코드는 다음과 같습니다. 테이블 페이지 넘김 body, td{ font-size: 9pt; } a:link { color: } a:visited { color: } a:hover { color: #006600; 🎜> var Record = 4;//각 페이지에 표시되는 레코드 수 var count = 24;//총 개수 of records var pageTotal = ((count Record-1)/record)|0;//총 페이지 수 var pagenum = 1;//표시할 페이지 번호 쿠키 = { Set : 함수(){ var name = 인수[0], value = escape(arguments[1]), days = 365, path = "/" if(arguments.length; > 2) 일 = 인수[2]; if(arguments.length > 3) 경로 = 인수[3] with(new Date()){ setDate(getDate() 일 ); 일 =toUTCString(); } document.cookie = "{0}={1};expires={2};path={3}".format(이름, 값, 일, 경로); }, Get : function (){ var returnValue=document.cookie.match(new RegExp("[b^;]?" 인수[0] "=([ ^;]*)( ?=;|b|$)","i")); return returnValue?unescape(returnValue[1]):returnValue; } } 문자열 .prototype.format = 함수(){ var tmpStr = this; var iLen = 인수.길이 for(var i=0;i tmpStr = tmpStr .replace(new RegExp( "\{" i "\}", "g"), 인수[i]) } return tmpStr; } function setPagenum(){/ /쿠키 정리 pagenum = Cookie.Get("pagenum") if(pagenum=="" || pagenum pagenum=1 } setPagenum (); //현재 페이지 번호를 재정렬합니다. 페이지가 1보다 작으면 값은 1입니다. 전체 페이지 수보다 크면 동일합니다. coordinatePagenum(pagenum); //현재 표시할 페이지 번호에 따라 현재 페이지의 첫 번째 레코드 번호를 가져옵니다. var pageBegin = (record*(pagenum-1) 1)|0; //현재 표시할 페이지 번호에 따라 현재 페이지의 마지막 레코드 번호를 가져옵니다. var pageEnd = Record*pagenum ; function showhiddenRecord(pagenum){ number.innerHTML=pagenum; if(pagenum theFirstPage.innerHTML="첫 번째 페이지"; innerHTML="이전 페이지"; }else{ theFirstPage.innerHTML=" 첫 번째 페이지" thePrePage.innerHTML= " 이전 페이지"; } if(pagenum>=pageTotal){ theNextPage.innerHTML="다음 페이지"; theLastPage.innerHTML="마지막 페이지"; }else{ theNextPage .innerHTML=" 다음 페이지"; >theLastPage.innerHTML=" 마지막 페이지" } document.getElementById('goto').value=pagenum //표시할 페이지 번호를 기준으로 현재 첫 번째 레코드를 가져옵니다. Number pageBegin = (record*(pagenum-1) 1)|0 //마지막 레코드 번호를 가져옵니다. 현재 표시되는 페이지 번호에 따라 pageEnd = Record*pagenum for(var i=1;i if(i>=pageBegin && i mytable.rows[i].style.display=" }else{ mytable.rows[i].style.display="none"; } } Cookie.Set("pagenum", pagenum); function firstPage(){ pagenum=1; showhiddenRecord(pagenum); 🎜>} function lastPage(){ showhiddenRecord(pageTotal) ; } //페이지가 1보다 작은 경우 값을 재정렬합니다. 1입니다. 전체 페이지 수보다 크면 전체 페이지 수와 같습니다. functionordinatePagenum(num){ if(num num="1 "; }else if(num>pageTotal){ num=pageTotal; } } function prePage(){ pagenum--; coordinatePagenum(pagenum); showhiddenRecord(pagenum); function nextPage(){ pagenum; showhiddenRecord(pagenum); 🎜>} function gotoPage(num){ coordinatePagenum(pagenum) showhiddenRecord(num) } //--> 共 6 页 当前第 1 页 第一页 上一页 下一页 最后一页 转到第 1 2 3 4 5 6 页 标题 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Javascript 테이블 페이지 전환 효과 구현 아이디어 및 code_javascript 기술

관련 기사