Countries and AJAX Pagination

Name Original Name Iso2 Iso3
tz Tanzania Tanzania TZ TZA
th Thailand ประเทศไทย TH THA
tg Togo Togo TG TGO
tk Tokelau Tokelau TK TKL
to Tonga Tonga TO TON
tt Trinidad And Tobago Trinidad and Tobago TT TTO
tn Tunisia تونس TN TUN
tr Turkey Türkiye TR TUR
tm Turkmenistan Türkmenistan TM TKM
tc Turks And Caicos Islands Turks and Caicos Islands TC TCA
tv Tuvalu Tuvalu TV TUV
ug Uganda Uganda UG UGA
ua Ukraine Україна UA UKR
ae United Arab Emirates دولة الإمارات العربية المتحدة AE ARE
gb United Kingdom United Kingdom GB GBR
us United States United States US USA
um United States Minor Outlying Islands United States Minor Outlying Islands UM UMI
uy Uruguay Uruguay UY URY
uz Uzbekistan O‘zbekiston UZ UZB
vu Vanuatu Vanuatu VU VUT

Page 12 of 13, showing 20 record(s) out of 250 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!