Countries and AJAX Pagination

Name Original Name Iso2 Iso3
iq Iraq العراق IQ IRQ
sa Saudi Arabia العربية السعودية SA SAU
kw Kuwait الكويت KW KWT
ma Morocco المغرب MA MAR
ye Yemen اليَمَن YE YEM
ir Iran ایران IR IRN
tn Tunisia تونس TN TUN
ae United Arab Emirates دولة الإمارات العربية المتحدة AE ARE
sy Syria سوريا SY SYR
om Oman عمان OM OMN
ps Palestinian Territory Occupied فلسطين PS PSE
qa Qatar قطر QA QAT
lb Lebanon لبنان LB LBN
ly Libya ‏ليبيا LY LBY
eg Egypt مصر‎ EG EGY
mr Mauritania موريتانيا MR MRT
et Ethiopia ኢትዮጵያ ET ETH
er Eritrea ኤርትራ ER ERI
np Nepal नपल NP NPL
in India भारत IN IND

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!