FilChi Weblog

I was doing this web report, and I thought of improving its user interface design, so I decided to use jquery ajax tabs UI.

But because the ajax-ed content is very large, the tab, when clicked, looks like this in Firefox:

AFAIK, Firefox does not cache ajax content, which is contrary to what Internet Explorer does.

I just want to share additional info regarding the ajax tabs:

everytime you select the tab with ajax content, the tab starts to process ajax. Meaning,

even when not necessary, the ajax still runs. That sucks, huh!?

I overlooked that in the JQuery Tabs options params, you can set the ajax cache to true and the ajax won’t run everytime you click on the tab.
(Source: JQuery Ajax Tabs )
Code:   $(’.selector’).tabs({ cache: true });
$(’.selector’).tabs({ ajaxOptions: { async: false } });

This is your chance to prove your uncanny talent in designing websites! Submit your sites’ url to csspinoy.com . All that is needed to take note of is that the site has valid XHTML and CSS , that the designer is a Filipino citizen. Let’s prove it to the world our might, strength and ability to produce good quality websites! Submit your site’s url now!