Skip to main content

Ajax pagination

Have you ever tried the pagiantion with php using Ajax ?
We just pass the query, starting page and records per page you want to display in the pagination.

Lets start with a simple example to understand how it can be done.

steps:

1: create a database 'ajax'
2: create a table 'students':

CREATE TABLE IF NOT EXISTS `students` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(50) NOT NULL default '',
PRIMARY KEY (`id`)
)

3. insert data into the table:

INSERT INTO `students` (`id`, `name`) VALUES
(1, 'Reneesh'),(2, 'Aniesh'),(3, 'Babu'),(4, 'Antony'),(5, 'Praveesh'),
(6, 'Dixon'),(7, 'Sanju'),(8, 'Neeraj'),(9, 'Siju'),(10, 'Noble'),
(11, 'Bibin'),(12, 'Febin'),(13, 'Binu'),(14, 'Charles'),(15, 'jaggu'),
(16, 'mani'),(17, 'milu'),(18, 'aravind'),(19, 'jay'),(20, 'hari');

4. Change the mysql connection settings in index.php and in paginate.php page.

FYI:
pagination_class.php file has the core class that prints the pagination results.
pagination.js sends the ajax request to paginate.php, which handles the pagination.
pgstyle.css is for the styles.

A screenshot is also included for a better understanding.

So download the files in this zip file and run it yourself.
Download

All the best.

Comments

Popular posts from this blog

Joomla validate chrono forms using jquery

It is a common practice to use Chrono forms in our joomla site to setup various forms in the site, be it a contact us form, submit a ticket form, or whatever. I have set the option "validate form" to "No" under chronoform settings in admin panel, and also preferred to not include any js or css files. For validating the chrono forms, i prefer jquery. So first lets add jquery support in our joomla. It is quite simple: 1. Download jquery.js and jquery_min.js (1.4.2 version is enough) and place them in media/system/js folder of your joomla. 2. Edit libraries->joomla->html->html->behavior.php, and add the following function below the mootools() function: function jQuery($debug = null)     {         static $loaded;         global $mainframe;         // Only load once         if ($loaded) {    ...

joomla remove category name in url

-) If anyone is using the lyftenbloggie component, and want to remove the component name and category title from the sef url, follow this hack: (Note: You also need to install the lyftenbloggie extension for ARTIO SEF) Under components/com_sef/joomsef.php, After this code: $location = array();         foreach ($title as $titlePart) {             if (strlen($titlePart) == 0) continue;             $location[] = JoomSEF::_titleToLocation($titlePart);         } Just add this code: if($location[0] == 'lyftenbloggie')         {         $temp_sef = end($location);         $location = array();            $location[] = $temp_sef;         ...

php get content between tags

This involves parsing the dom document. <?php function getTextBetweenTags($tag, $html) {     $dom = new domDocument;     @$dom->loadHTML($html);         $dom->preserveWhiteSpace = false;     $content = $dom->getElementsByTagname($tag);     $out = array();         foreach ($content as $item)     {         $out[] = $item->nodeValue;     }     return $out; } $xhtml = '<tag>abc def</tag><tag>123 456</tag>'; $content2 = getTextBetweenTags('tag', $xhtml); foreach( $content2 as $item ) {     echo $item.'<br />'; } ?> Output: abc def 123 456