Support » Plugin: Archivist - Custom Archive Templates » Pagination using javascript, but how?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Eric Teubert

    (@eteubert)

    Yeah, if you generate HTML that is compatible with the pagination plugin, it should work without lots of coding 🙂

    \o/
    It worked!
    And it was pretty easy… just add a few js/css calls, UL, LI… nice

    Hi luuuciano,
    pls give me code about activated pagination on Archivist – Custom Archive Templates
    i want make 20 content every page and continue with pagination

    thanks

    Well I made a default template (but you can add a new one too)

    At “before” used:

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="/yourpathto/quickpager.jquery.js"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
    
    jQuery(document).ready(function() {
    	jQuery("ul.pagination").quickPager({pagerLocation:"before",pageSize:"5"});
    });
    
    /* ]]> */
    </script>
    <ul class="pagination">

    In “Element”:
    <li><a href="%PERMALINK%" class="permalink">%TITLE%</a></li>

    In “After”:
    </ul>

    You will have to build the element as your needs

    Then called it in a widget (or wherever you need it) [archivist category=”yourcategory”]

    You may need to add the jquery quick pagination CSSs somewhere too, and tweak it as your needs

    This paginates the archivist output, you need the full output… it is not a “real” pagination… right?

    thx luuuciano,
    this my result site

    i want make arrow when tab reach 10, but dunno do it, can u help me

    Look the sitepoint.com article for more explanations/options, do not remember if it has that option… maybe you will need another script (then share your findings too)

    this my script at “Before”

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.jquery4u.com/demos/jquery-quick-pagination/js/jquery.quick.pagination.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://kartun.my.id/img/styles.css">
    <script type="text/javascript">
    $(document).ready(function() {
    	$("ul.pagination1").quickPagination();
    	$("ul.pagination2").quickPagination({pagerLocation:"both"});
    	$("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"35"});
    });
    </script>
    
     <ul class="pagination3">

    Well, the script page says

    “Disadvantages to similar pagination plugins
    It currently only works on lists (but you can use it on divs you would have to put them in li tags).
    It currently doesn’t have back and next buttons.”

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Pagination using javascript, but how?’ is closed to new replies.