Пагинация по месяцам - PullRequest
Новая
       1

Пагинация по месяцам

0 голосов
/ 07 июля 2011

Я использую jQuery для разбивки на страницы динамического контента, который представляет собой таблицу материалов за месяц года.Таким образом, у меня есть от одной до двенадцати таблиц в год, которые я могу быстро просмотреть с помощью своей нумерации страниц jQuery.

Тем не менее, я бы хотел, чтобы фактические нумерации страниц отображались как названия месяца вместо обычных «страница 1, страница 2, страница 3 и т. Д.».Возможно ли это как-то, извлекая название месяца из заголовка моего месяца, который отображается над таблицей (например, var currentmonth = $('.month h3').html();)?

И сортировать это задом наперед, с декабря по январь ?!(Таким образом, самый последний месяц отображается первым).

Вот мой код jQuery: 

            $(document).ready(function(){  
                var show_per_page = 1;  
                var number_of_items = $('.paginate').children().size();  
                var number_of_pages = Math.ceil(number_of_items/show_per_page); 



                $('#current_page').val(0);  
                $('#show_per_page').val(show_per_page);  

                var navigation_html = '<a class="previous_link" href="javascript:previous();">&laquo;</a>';  
                var current_link = 0;  
                while(number_of_pages > current_link){  
                    navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';  
                    current_link++;  
                }  
                navigation_html += '<a class="next_link" href="javascript:next();">&raquo;</a>';  

                $('#page_navigation').html(navigation_html);  
                $('#page_navigation .page_link:first').addClass('active_page');  
                $('.paginate').children().css('display', 'none');  
                $('.paginate').children().slice(0, show_per_page).css('display', 'block');  
            });  
            function previous(){  
            new_page = parseInt($('#current_page').val()) - 1;  
                if($('.active_page').prev('.page_link').length==true){  
                    go_to_page(new_page);  
                }  
            }  
            function next(){  
            new_page = parseInt($('#current_page').val()) + 1;  
                if($('.active_page').next('.page_link').length==true){  
                    go_to_page(new_page);  
                }  
            }  
            function go_to_page(page_num){  
                var show_per_page = parseInt($('#show_per_page').val());  
                start_from = page_num * show_per_page;  
                end_on = start_from + show_per_page;  
                $('.paginate').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');  
                $('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');  
                $('#current_page').val(page_num);  
            }

А вот пример моей структуры HTML: 

            <input type="hidden" id="current_page" />  
            <input type="hidden" id="show_per_page" /> 

            <div id="page_navigation"></div>
            <br />

            <div class="paginate">

                <div class="month">
                    <h3>July</h3>
                    content stuff 
                    <br />
                </div>

                <div class="month">
                    <h3>June</h3>
                    content stuff 
                    <br />
                </div>

            </div>

1 Ответ

0 голосов
/ 07 июля 2011

Приведенный ниже код должен дать вам некоторые идеи, чтобы получить текущий месяц, а затем получить его название из HTML 

var currentMonth = 11 - new Date().getMonth();
var monthName = $('.paginate > .month:eq(' + currentMonth + ') > h3').html();

Надеюсь, ты сможешь взять это оттуда!

...