Countries and AJAX Pagination

Name Ori Name Iso2 Iso3
cg Kongo CG COG
ch Schweiz Schweiz CH CHE
ci Côte D´Ivoire CI CIV
ck Cookinseln CK COK
cl Chile CL CHL
cm Kamerun CM CMR
cn China CN CHN
co Kolumbien CO COL
cr Costa Rica CR CRI
cu Kuba CU CUB
cv Kap Verde CV CPV
cx Weihnachtsinsel CX CXR
cy Zypern CY CYP
cz Tschechien Czech Republic CZ CZE
de Deutschland Deutschland DE DEU
dj Republik Dschibuti DJ DJI
dk Dänemark Denmark DK DNK
dm Dominica DM DMA
do Dominikanische Republik DO DOM
dz Algerien DZ DZA

Page 3 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!