Wallogit.com
2017 © Pedro Peláez
Renders HTML pagers. Nothing else.
, (*1)
How many times have I written pagers? Too many., (*2)
So here's a distilled abstract base-class for pagers, along with the two kinds of
pagers I have used most frequently: one for <button> tags, and one for <a> tags., (*3)
Personally I like <button> pagers, which typically require no JavaScript - it can
produce markup along the lines of this:, (*4)
<button disabled="disabled">«</button> <button name="page" value="1" disabled="disabled" class="is-active">1</button> <button name="page" value="2">2</button> <button name="page" value="3">3</button> <button name="page" value="4">4</button> <button name="page" value="5">5</button> ⋯ <button name="page" value="10">10</button> <button name="page" value="2">»</button>
Your average everyday link pager produces markup like this:, (*5)
<a href="#">«</a> <a href="result.php?page=1" class="is-active">1</a> <a href="result.php?page=2">2</a> <a href="result.php?page=3">3</a> <a href="result.php?page=2">»</a>
The markup in both cases is pretty minimal - I didn't want a bunch of configurable CSS class-names, a container div, or boatloads of other options, but deriving your own custom pager-classes should be pretty painless. (No guarantees, I said it should be.), (*6)
Renders HTML pagers. Nothing else.
LGPL-3.0+
Renders HTML pagers. Nothing else.
LGPL-3.0+
Renders HTML pagers. Nothing else.
LGPL-3.0+
Renders HTML pagers. Nothing else.
LGPL-3.0+
Renders HTML pagers. Nothing else.
LGPL-3.0+