Advertisement
tourniquet

Pagination JavaScript

Jun 8th, 2014
578
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var currentPage = 1;
  2. var recordsPerPage = 30;
  3.  
  4. function prevPage() {
  5.     if (currentPage > 1) {
  6.         currentPage--;
  7.         changePage(currentPage);
  8.     }
  9. }
  10.  
  11. function nextPage() {
  12.     if (currentPage < numPages()) {
  13.         currentPage++;
  14.         changePage(currentPage);
  15.     }
  16. }
  17.  
  18. function changePage(page) {
  19.     var btnNext = document.getElementById("btnNext");
  20.     var btnPrev = document.getElementById("btnPrev");
  21.     var listingTable = document.getElementById("listingTable");
  22.     var pageSpan = document.getElementById("page");
  23.  
  24.     // Validate page
  25.     if (page < 1) page = 1;
  26.     if (page > numPages()) page = numPages();
  27.  
  28.     listingTable.innerHTML = "";
  29.  
  30.     for (var i = (page-1) * recordsPerPage; i < (page * recordsPerPage) && i < objJson.length; i++) {
  31.         listingTable.innerHTML += objJson[i].adName + '<br>';
  32.     }
  33.  
  34.     pageSpan.innerHTML = page;
  35.  
  36.     if (page == 1) {
  37.         btnPrev.style.visibility = "hidden";
  38.     } else {
  39.         btnPrev.style.visibility = "visible";
  40.     }
  41.  
  42.     if (page == numPages()) {
  43.         btnNext.style.visibility = "hidden";
  44.     } else {
  45.         btnNext.style.visibility = "visible";
  46.     }
  47. }
  48.  
  49. function numPages() {
  50.     return Math.ceil(objJson.length / recordsPerPage);
  51. }
  52.  
  53. window.onload = function() {
  54.     changePage(1);
  55. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement