First, let's see a simple example on how to harness Pager to create javascript links. In this rather semplicistic example, we fetch all the data into paginated chunks, store each page into a <div> and use some DOM scripting.

Example #1 - Pager and Javascript

First, let's see a simple example on how to harness Pager to create javascript links. In this rather semplicistic example, we fetch all the data into paginated chunks, store each page into a <div> and use some DOM scripting to hide all the layers but the current page.

As you could see, the trick was setting the path parameter to an empty string and the fileName parameter to a javascript link, with the usual "%s" placeholder for the pageID.

Example #2: We want AJAX We want

Ok, now that you've seen the basics, you should have all the elements to go further. But if you're lazy and want to see it anyway, here's an example on how to do the same thing we've seen before.

1) The html file: we include the dynamic js file (server.php) to handle the AJAX request, and call "HTML_AJAX.replace('target', 'testdata.php')", which will replace the contents of the target div with the output of the testdata.php script using an AJAX call.

2) The testdata.php file: it's a simple php script where you fetch the data you want to paginate (in this example, 100 integers) and pass it to Pager. The output of this script will replace the contents of the target div in the first html file. We also print the current datetime to prove the data is "fresh" and built at the time of each call (i.e. every time you click on a navigation link).

3) Finally, the server.php file: we create an instance of HTML_AJAX_Server to deliver both the javascript libraries and to handle AJAX requests from browsers.