Countries and AJAX Pagination

Name Ori Name Iso2 Iso3
ni Nicaragua NI NIC
nu Niue NU NIU
np Nepal NP NPL
nr Nauru NR NRU
nz Neuseeland NZ NZL
om Oman OM OMN
pk Pakistan PK PAK
pa Panama PA PAN
pn Pitcairn PN PCN
pe Peru PE PER
ph Philippinen PH PHL
pw Palau PW PLW
pg Papua-Neuguinea PG PNG
pr Puerto Rico PR PRI
kp Korea, Dem KP PRK
py Paraguay PY PRY
ps Palästinische Gebiete PS PSE
pf Französisch Polynesien PF PYF
qa Katar QA QAT
re Réunion RE REU

Page 8 of 12, showing 20 record(s) out of 240 total



Key Goals for the AJAX Pagination

  • Ajaxify all links in the "pagination-container" including pagination and sort links
  • As easy as possible
  • Fallback without AJAX (and JS) should be fully working
The fading is not necessary and only shows more clearly the beginning and end of the AJAX request. Note: Instead of the jQuery.live plugin one could also just use on() event and bind the pagination links to a click event.

How does it work

You only need
  • A "pagination-container" div and a separate ctp file of the "common" content for both AJAX and normal view
  • A few lines of custom (jQuery) JS on top
TODOs:
  • URL needs to be rewritten/updated to be in sync with current page - for a clean user experience

Send your feedback or bugreport!