EE 1
EE 2
AJAX Pagination
Developer
Laisvunas
3rd Party (Commercial)
Current Version: 1.0
License Agreement
Buy Now!
Compatibility
- LG Addon Updater
- Multi Site Manager
- Stand Alone Entry Form
Requirements
- jQuery for the Control Panel
Tags
- ajax, ajax pagination, pagination, paginate, comment pagination, paging, pagination links
Allows you to display content from multiple pages using Ajax. Any ExpressionEngine tag outputting pagination links is supported!
THE TAG {exp:ajax_pagination:wrapper}
This tag is used to wrap all contents of the embed template (see the examples’ code).
It has following parameters:
1) embed_template_url - required. Allows you to specify URL of the embed template.
You must specify full URL, i.e. starting with “http”. This parameter accepts inside its value
the following ExpressionEngine variables: site_id, site_url, site_index, homepage.
2) ajax_container - required. Allows you to specify HTML id parameter of the HTML element
which will act as the container to place data loaded by AJAX.
3) process_indicator - optional. Allows you to specify HTML class parameter of the HTML element
which will act as the indicator of the page being loaded by AJAX.
4) process_indicator_scroll - optional. Allows you to specify if HTML element
which acts as the indicator of the page being loaded by AJAX should be scrolled into view (value “yes”) or not (value “no”).
Default is “no”.
5) ajax_pagination_vars - optional. Should be used when there is a need to output embed variables inside embed template.
Inside main template you should specify embed variable “ajax_pagination_vars” which contains pipe-delimited list of variables,
e.g. ajax_pagination_vars=“channel|category”. Then in the embed template you should add parameter ajax_pagination_vars=”{embed:ajax_pagination_vars}”.
Thus listed variables then can be used by adding to their names “ajax_pagination_embed_”, e.g. {ajax_pagination_embed_channel}, {ajax_pagination_embed_category}
(see complex example’s code).
6) ajax_pagination_values - optional. Should be used when there is a need to output embed variables inside embed template.
Inside main template you should specify embed variable “ajax_pagination_values” which contains pipe-delimited list of values of embed variables,
e.g. ajax_pagination_values=“technical|279”. Then in the embed template you should add parameter ajax_pagination_values=”{embed:ajax_pagination_values}”.
Thus listed variables then can be used by adding to their names “ajax_pagination_embed_”, e.g. {ajax_pagination_embed_channel}, {ajax_pagination_embed_category}
(see complex example’s code).
THE TAG {exp:ajax_pagination:links}
This tag is used to wrap all contents inside the variable pair {paginate}{/paginate} (see the examples’ code).
It has following parameter:
1) pagination_symbol - optional. Allows you to specify symbol which precedes pagination number in URL. Default value is “P”.
USAGE
I. Simple example (without using embed variables)
Main template (e.g. technical/ajax_pagination):
<html>
<head>
<title>AJAX Pagination demo</title>
<style type="text/css">
/*Common*/
body {
color: black;
font-family: "arial unicode ms", helvetica, arial, sans-serif;
margin: 0;
small;
padding: 0;
}
a {
color: #4372aa;
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
/*Main content*/
#maincontent {
em;
position: relative;
left: 50%;
margin-left: -24em;
padding-bottom: 1em;
}
/* Headings */
h1 {
.5em;
font-weight: normal;
}
h2 {
.1em;
font-weight: bold;
}
/* Indicator */
.process_indicator {
"reviews">
There are no reviews for this add-on yet.
What are you waiting for? Rate it and review it!