Countries and AJAX Pagination

Name Ori Name Iso2 Iso3
bg Bulgarien Bulgaria BG BGR
se Schweden Sweden SE SWE
no Norwegen Norway NO NOR
hu Ungarn Hungary HU HUN
tr Türkei Turkey TR TUR
ru Russland Russian Federation RU RUS
pt Portugal Portugal PT PRT
cz Tschechien Czech Republic CZ CZE
sk Slowakei Slovakia (Slovak Republic) SK SVK
si Slowenien Slovenia SI SVN
ee Estland Estonia EE EST
ie Irland Ireland IE IRL
ua Ukraine Ukraine UA UKR
gb Großbritannien United Kingdom (Great Britian) GB GBR
fr Frankreich France FR FRA
lu Luxemburg Luxembourg LU LUX
dk Dänemark Denmark DK DNK
nl Niederlande Netherlands NL NLD
be Belgien Belgium BE BEL
zw Simbabwe ZW ZWE

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