jQuery tabs and IE8 caching

Tagged Under :

I have been using jQuery tabs in several places in one of my websites. And most of the tabs I have are setup as AJAX tabs. ie they are fetching data only when they are clicked on. This has been working fine in all other browsers except in IE8. IE8 doesnt show the latest content within a tab. If I go and delete a data row or add a data row, IE8 will keep on showing the old dataset. At first, I thought, this must be a case of telling IE8 not to cache anything. So, I added the following 2 meta tags in the page.

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">

I thought that should fix it, but it didn’t. I was still having the same issues. I then started looking into jQuery docs to see if some attribute I could use. Sure enough, there is a “cache:false” option you can pass in on your tabs. So, I did this next.

$("#tabs").tabs({
 cache:false
 ,spinner: ''
 });

Unfortunately, that didnt solve it as well. Then, my last option was to just add some random number to the URL so IE8 identifies it as a different URL and gets new data. So, I did this :-

<li><a href="url/rows?randomseed=<cfoutput>#randrange(1,10000)#</cfoutput>" id="favorites"><span>Favorites</span></a></li>

And that solved my issue. So, I guess jQuery cache:false is not doing something right here.

I just wanted to share my experience here and see if anyone has any different thoughts.

jQuery Validator Plugin and IE8

Tagged Under :

I had been using the super jQuery Validator plugin in one of my projects. And everything was working fine, except in IE8. Isnt that typical of IE? Anyways, the problem was that I was using the validator plugin quite heavily and one of the forms simply refused to work in IE8. I did not try in IE6 but I would assume the problem would be the same in IE6 as well. I tried all kinds of things, like validating my Javascript code and going over it line by line and making sure there are no bugs that I missed.

None of that worked. After about a million WTF’s and approx. 6.5 hours of time wasted, I found this out. http://www.seodenver.com/jquery-validator-annoyances/

The solution is to use jquery.validator.min.js instead of jquery.validator.pack.js (which I was using).  As soon as I changed the .pack.js file to .min.js file, everything started working. I would think its something to do with the the encoding of the JS etc. But I am glad I found the solution, finally.

I just wanted to blog about it so someone else can save some time with this little tip.

IE8 released

So, Internet Explorer 8  finally got released yesterday after months of testing and I dont quite know how to react to that.  As a developer, its always a bit worrying the number of browsers we have to support these days. To be honest, I am not worried about supporting Mozilla etc but supporting all of IE6, IE7 and IE8 all at the same time is a bit too much I think. It would be a lot better if IE6 just stopped to exist :) . That would solve so many problems for so many developers.

Anyways, I installed IE8 this morning and the first thing I did (being very nervous) was opened the app I am working on these days, in IE8. And to my delight, I only could notice about 4 things to be fixed which were simple alignment issues. I havent tried fixing them yet but I am glad I didnt find anything major. We’ll see how it goes.

Anyone else had any major compatibility problems with IE8 yet ? And what are your thoughts on whether to try and upgrade your existing sites to work well with IE8? I think we are going to have to do it sooner or later, anyways.

ExtJs : Disappearing Grid Headers in IE6

I just came across this issue and thoughts its best to do a quick post for future reference. If you happen to use ExtJs (which is a great JS library by the way, apart from the recent license issues) , and if you have a Ext Grid on your page, you might run into the following issue. More »

Firefox 3 : 8 million downloads in 24 hours

Yesterday, 17th June, 2008 was the Firefox Download Day. Firefox had set a goal of 5 million downloads to be able to record this as a Guiness Record.

And according to this, Mozilla’s Firefox 3 release event yesterday was an epic success. The servers logged over 8 million downloads during the 24-hour download day, and Mozilla has declared victory after exceeding its initial goal of 5 million downloads.

I personally love Firefox and use it all the time and out of those 8 million downloads, one of them was mine. :) (every bit helps!) and Firefox 3 does look good. Congratulations to Mozilla!

Say No to IE 6.0

There is a campaign going on over at SaveTheDevelopers that focuses on assisting users in upgrading their Internet Explorer 6 web browser. This campaign will result in former IE 6 users having a more enjoyable experience on the web while (hopefully) creating a less stressful and complicated environment for web developers by hastening the retirement of an outdated browser.

I fully support this campaign and truly beleive that IE6 should not be used anymore as web developers (including me) spend way too much trying to get stuff working in IE6 just to cover the less than 10% of people that still use it.

Having said that, I have installed the script from the site and if you are browsing this website in IE6, you will see a little box at the top right of this page popping up every few mins to remind you to upgrade your browser.

HTTP 414 Request-URI Too Large and Firefox

I have been struggling with this weird browser issue for the past day or so now. If I open any website off one of the IIS servers here, it brings up the following weird error (only in Firefox).

HTTP 414 Request-URI Too Large – The size of the request header is too large. Contact your ISA server administrator. (12215)
Internet Security and Acceleration Server

The same webpage worked fine in IE. So I was puzzled for a while and searching on Google revealed that probably a hotfix is required for IIS? But then, I thought I should be getting the same error in IE as well if that was the case, so its got to do something with Firefox surely.

After a bit of asking around, it turns out that the simple resolution is to just delete the cookies from Firefox and that should do it. And after deleting my cookies, the error was gone. Looks like Firefox is sending the cookies in the header? Not sure really but I thought someone could benefit from this post.

Anyone else had the same issue ?

500 million Firefox downloads

I am a bit late in finding this out but I just read that, on Feb 21st 2008, Firefox reached a whopping 500 million downloads. Now that really is a marvellous achievement. I remember those days (years ago) when IE was the popular browser and everyone used to code around compatibility between different versions of IE, but with browsers like Firefox around, things really have turned around. I myself have stopped using IE completely now (unless I want to test how a website looks in IE).

The full details can be found here.