Search code examples
jqueryrssjquery-tabsning

How does this site import the content using jQuery UI tabs?

Site: http://www.friendsorenemies.com/

That site has jQuery UI tabs set up with Features, VIP Blogs, and All. But how are they importing the content? Originally, I was thinking I could use a jQuery rss parser like zRSSFeed, but realized that the blog author avatars don't show in rss feeds nor does meta data like this below:

Posted By authorname | 1 Comment | May 6, 2011 | 5:39pm

Then, I thought maybe they are using iFrames? But I looked at the source code and they are not.

You can see that:

  • the Features tab is getting the content from this page.
  • the VIP Blogs tab is getting the content from this page.
  • the All tab is getting the content from this page.

Anybody have an idea? This has been driving me crazy.

Solution

  • They're just using the Tabs widget's AJAX feature.

    jQuery UI will automagically load content via AJAX when you give a "real" link in the a tag for a tab.