Pagination using javascript, but how?

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="https://www.jquery4u.com/demos/jquery-quick-pagination/js/jquery.quick.pagination.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://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.”