Comments on: Avoiding Flickering in jQuery

By: Rasmus

Rasmus — Sun, 13 Apr 2008 21:58:40 +0000

Wow, great tip David! I wish I’d know about that a long time ago.

By: Ryan Roberts

Ryan Roberts — Wed, 16 Apr 2008 08:08:45 +0000

Hi David, it may be worth noting this does not work with IE5.5 or below. Even though the browser is now quite old, people should still be able to view a site. However by setting display:none with a style injection then changing it with jQuery users of IE5.5 or below get nothing, nothing at all. This is obviously due to jQuery’s lack of IE5 support, and it means there’s no graceful degradation.

Something to consider before using this solution I think.

By: Ryan Roberts

Ryan Roberts — Wed, 16 Apr 2008 08:14:24 +0000

Ah, here’s a solution.

Create a new css document for IE5 and place it in a conditional comment after the javascript in the head. In the IE5 css file set the body to block.

However I seem to remember IE6 having problems with JS coming before the conditional comments, I’ll keep an eye out for any issues.

By: Jay N.

Jay N. — Tue, 29 Apr 2008 18:59:00 +0000

I wonder what affect this will have on Googlebot visiting the site - will it interpret the body{display:none} as it being a blank page?

By: konteyner

konteyner — Tue, 06 May 2008 07:37:36 +0000

yess nice explorer ie6.0

By: john

john — Fri, 16 May 2008 13:44:36 +0000

yes, but..

http://www.w3schools.com/browsers/browsers_stats.asp
http://www.upsdell.com/BrowserNews/stat.htm
http://marketshare.hitslink.com/report.aspx?qprid=3

IE 5 has a 1.0% market share.

So… what you could do is not use jQuery, but instead use plain old javascript to manipulate the dom… in this case.

By: c graphics flickering

c graphics flickering — Fri, 11 Jul 2008 03:03:39 +0000

[…] […]

By: gömlekçi

gömlekçi — Wed, 01 Oct 2008 20:37:21 +0000

Something to consider before using this solution I think.

By: oryantal kostüm

oryantal kostüm — Wed, 01 Oct 2008 20:38:17 +0000

Wow, great tip David! I wish I’d know about that a long time ago.

By: Björn

Björn — Sun, 12 Oct 2008 19:04:31 +0000

It’s an interesting idea, but wouldn’t it be safer to, instead of setting the body element to display:none, adding a class name to the body when JavaScript is enabled in the browser?

something like:
document.body.className += " hasJS";

…and then using that in the stylesheet?
.hasJS ul.nav ul {display:none}

By: toplist

toplist — Sat, 25 Oct 2008 15:49:34 +0000

thanks four you flowers

By: gömlek

gömlek — Sun, 26 Oct 2008 15:27:28 +0000

Gömlek

By: sohbet

sohbet — Tue, 28 Oct 2008 14:49:49 +0000

I need an Ewok suit now.

By: gomlek

gomlek — Tue, 28 Oct 2008 14:50:30 +0000

merci

By: v pills

v pills — Tue, 04 Nov 2008 09:55:22 +0000

you flowers

By: 大妗姐

大妗姐 — Tue, 18 Nov 2008 04:12:30 +0000

hey,I like your article~

By: net haber

net haber — Tue, 17 Feb 2009 23:44:06 +0000

thanks four you flowers

By: Estetik Cerrahi

Estetik Cerrahi — Thu, 19 Mar 2009 13:15:58 +0000

Woww realy great themes. I translate to Turkish lang and use this Tube theme my rulman fiyatları bayileri modelleri web pages.

By: Bedava okey

Bedava okey — Wed, 01 Apr 2009 10:56:40 +0000

descrizione super congratulazioni. Spero di ottenere migliori successo. Congratulazioni

By: Anonymous

Anonymous — Thu, 09 Apr 2009 15:20:24 +0000

By: guzelokey

guzelokey — Mon, 11 May 2009 17:08:50 +0000

thank

By: okey oyna

okey oyna — Fri, 12 Jun 2009 02:08:38 +0000

This was an issue with the java applet, not just the page even applet was flickering thanks for information
Okey