Hiding the Page Counter with the jQuery Quick Pagination Plug-in

As you may have already guessed, telling Quick Pagination to hide its default page counter from display is a simple task reduced to calling its “quickpaginate()” method and assigning a value of FALSE to its input “showcounter” argument. Period.

However, to remove the doubts you may have regarding this process, below I included a modified version of the JavaScript snippet shown in the previous segment. This time, it will paginate a collection of paragraphs while keeping the page counter hidden from view. The script that does this looks like this:

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script src="jquery.quickpaginate.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#datacontainer p").quickpaginate({ perpage: 2, showcounter: false });

});

</script>

Well, that’s not rocket science, right? As you can see, now the above JavaScript block not only will display a couple of paragraphs per page, but as I explained before, it’ll remove the default page counter from view, since the corresponding “showcounter” parameter has been assigned a FALSE value. It's simple to read and code as well.

And now that you surely understood how to manipulate this parameter of the Quick Pagination plug-in, I'm going to include the previous JavaScript snippet in the web page containing the set of paragraphs that needs to be paginated.

The fine details of this process will be shown in the upcoming section. Therefore, click on the link below and read the lines to come.