CODEWITHSUNDEEP
javascriptjquerypaginationjquery-pagination
Adrian Modliszewski
Adrian Modliszewski

Reputation: 1124

Pagination with JavaScript

I have html code that have some <div class="post"> inside. I want to paginate them with javascript. How can I do that? (I know I can do it by PHP but I just want to do it with JS)

the html generated by my php looks like that:

    <body>
<div id="content">
<div class="post">
post content
</div>
<div class="post">
</div>
...

</div>

</body>

Maybe it will be the best to use jquery for that? (I'm using jquery ajax to load html into content allready)

Upvotes: 3

Views: 7401

Answers (5)

Behnam
Behnam

Reputation: 6459

You can use Pagino. It's very easy and simple https://github.com/pagino/pagino-js

Upvotes: 0

jcolebrand
jcolebrand

Reputation: 16025

Yes, using jQuery to simulate pagination is a valid task. You could easily use the jQuery(selector).hide().slice(start,end).show() pattern to do what you want. Then you have to manage the start and end in your code, but that should be easy enough.

Upvotes: 0

Mertis
Mertis

Reputation: 288

yea there is a jquery plugin that works nicely https://github.com/gbirke/jquery_pagination

Upvotes: 1

pixelbobby
pixelbobby

Reputation: 4440

I would first get the count of items. For example, if you have 10, loop through and create <div>s for each. [1][2][3]... Then, when you click on a pager <div>, get the value and request that specific item such as $("#ct").load("/posts?id=5");

Upvotes: 1

Vishwanath
Vishwanath

Reputation: 6004

Good jQuery pagination plugin to use with JSON data

Upvotes: 0

Related Questions