Countries and AJAX Pagination

Name Ori Name Iso2 Iso3
lk Sri Lanka LK LKA
za Südafrika ZA ZAF
sd Sudan SD SDN
gs Südgeorgien Und Die Südlichen Sandwichinseln GS SGS
sr Suriname SR SUR
sj Svalbard Und Jan Mayen SJ SJM
sz Swasiland SZ SWZ
sy Syrien, Arab SY SYR
tj Tadschikistan TJ TJK
tw Taiwan TW TWN
tz Tansania, Vereinigte Rep TZ TZA
th Thailand TH THA
tg Togo TG TGO
tk Tokelau TK TKL
to Tonga TO TON
tt Trinidad Und Tobago TT TTO
td Tschad TD TCD
cz Tschechien Czech Republic CZ CZE
tn Tunesien TN TUN
tr Türkei Turkey TR TUR

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