https://www.invest.gov.tr/Style%20Library/Invest/scripts/invest.pagination.min.js

1$(document).ready(function() {
2    var pagiscrollelement = "#DeltaPlaceHolderMain";
3    if($("#scrollOnPagination").length > 0){
4        pagiscrollelement = "#scrollOnPagination";
5    }
6    var pages = "";
7    var dots = "";
8    var arrows = "";
9    var i;
10    for (i = 0; i < $(".pagelist .page").length; i++) {
11        if (i > 4) { continue; }
12        if (i === 0) {
13            pages += '<li class="current"><a data-pagination="'+ parseInt(i+1) +'">'+ parseInt(i+1) +'</a></li>';
14        } else {
15            pages += '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="'+ parseInt(i+1) +'">'+ parseInt(i+1) +'</a></li>';
16        }
17    }
18    if ($(".pagelist .page").length > 5) {
19        dots = '<li><a class="dots">...</a></li>';
20    }
21    if ($(".pagelist .page").length > 2) {
22        arrows = '<li><a href="' + pagiscrollelement + '" class="next pageTrigger" data-pagination="2"><icon class="icon-arrow-thin-right"></icon></a></li> <li><a href="' + pagiscrollelement + '" class="last pageTrigger" data-pagination="'+$(".pagelist .page").length+'"><icon class="icon-arrow-thin-right"></icon><icon class="icon-arrow-thin-right"></icon></a></li>';
23    }
24    var result = '<div class="pagination"><ul>' + pages + dots + arrows + '</ul></div>';
25    $('#customPagination').append(result);
26});
27
28 
29
30$(document).on('click', '.pageTrigger', function(){
31    var pagiscrollelement = "#DeltaPlaceHolderMain";
32    if($("#scrollOnPagination").length > 0){
33        pagiscrollelement = "#scrollOnPagination";
34    }
35    $('.pagelist .page').hide();
36    var pageSelector = '.pagelist .page[data-page="'+ $(this).data('pagination')+'"]'
37    $(pageSelector).show();
38    // $('#s4-workspace').animate({
39    //     scrollTop: $(".all-news").offset().top
40    // }, 1000);
41    $('#customPagination').empty();
42    var centerPages = "";
43    var leftDots = "";
44    var rightDots = "";
45    var leftArrows = "";
46    var rightArrows = "";
47    var counterMinus;
48    var counterPlus;
49    var startPages = "";
50    var endPages = "";
51    var i;
52    if (parseInt($(this).data('pagination') - 2) < 1) {
53        counterMinus = 1;
54    } else {
55        counterMinus = parseInt($(this).data('pagination') - 2);
56    }
57    if (parseInt($(this).data('pagination') + 2) > $(".pagelist .page").length) {
58        counterPlus = $(".pagelist .page").length;
59    } else {
60        counterPlus = parseInt($(this).data('pagination') + 2);
61    }
62    for (i = counterMinus; i <= counterPlus; i++) {
63        if (i === parseInt($(this).data('pagination'))) {
64            centerPages += '<li class="current"><a data-pagination="'+ parseInt(i) +'">'+ parseInt(i) +'</a></li>';
65        } else {
66            centerPages += '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="'+ parseInt(i) +'">'+ parseInt(i) +'</a></li>';
67        }
68    }
69    if (parseInt($(this).data('pagination')) > 1) {
70        leftArrows = '<li><a href="' + pagiscrollelement + '" class="last pageTrigger" data-pagination="1"><icon class="icon-arrow-thin-left"></icon><icon class="icon-arrow-thin-left"></icon></a></li><li><a href="' + pagiscrollelement + '" class="next pageTrigger" data-pagination="'+parseInt($(this).data('pagination') - 1)+'"><icon class="icon-arrow-thin-left"></icon></a></li>';
71    }
72    if (parseInt($(this).data('pagination')) > 3 && $(".pagelist .page").length > 5) {
73        leftDots = '<li><a class="dots">...</a></li>';
74    }
75    if (parseInt($(this).data('pagination')) < parseInt($(".pagelist .page").length - 2) && $(".pagelist .page").length > 5) {
76        rightDots = '<li><a class="dots">...</a></li>';
77    }
78    if (parseInt($(this).data('pagination')) < $(".pagelist .page").length) {
79        rightArrows = '<li><a href="' + pagiscrollelement + '" class="next pageTrigger" data-pagination="'+parseInt($(this).data('pagination') + 1)+'"><icon class="icon-arrow-thin-right"></icon></a></li> <li><a href="' + pagiscrollelement + '" class="last pageTrigger" data-pagination="'+$(".pagelist .page").length+'"><icon class="icon-arrow-thin-right"></icon><icon class="icon-arrow-thin-right"></icon></a></li>';
80    }
81    if ($(".pagelist .page").length >= 5 && $(this).data('pagination') === 1) {
82        endPages = '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="4">4</a></li><li><a class="pageTrigger" data-pagination="5">5</a></li>';
83    }
84    if ($(".pagelist .page").length >= 5 && $(this).data('pagination') === 2) {
85        endPages = '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="5">5</a></li>';
86    }
87    if ($(".pagelist .page").length >= 5 && $(this).data('pagination') === $(".pagelist .page").length) {
88        startPages = '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="'+ parseInt($(".pagelist .page").length - 4) +'">'+ parseInt($(".pagelist .page").length - 4) +'</a></li><li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="'+ parseInt($(".pagelist .page").length - 3) +'">'+ parseInt($(".pagelist .page").length - 3) +'</a></li>';
89    }
90    if ($(".pagelist .page").length >= 5 && $(this).data('pagination') === parseInt($(".pagelist .page").length - 1)) {
91        startPages = '<li><a href="' + pagiscrollelement + '" class="pageTrigger" data-pagination="'+ parseInt($(".pagelist .page").length - 4) +'">'+ parseInt($(".pagelist .page").length - 4) +'</a></li>';
92    }
93    var result = '<div class="pagination"><ul>' + leftArrows + leftDots + startPages + centerPages + endPages + rightDots + rightArrows + '</ul></div>';
94    $('#customPagination').append(result);
95    
96});