dans.blog: An unobtrusive way to say IE6 sucks...

Massimiliano Balestrieri posted a neat little script today in honor of Firefox 3 Download Day 2008. The concept is simple, change the appearance of the page in IE6 slightly by making it show up in black and white. So if you really want to protest IE6, this is a comical way to do it on your blog. I just find the effect hysterical.

/*
 *
 * Black'n'White plugin 1.0
 * $Date: 2008-06-17 15:38:15 +0200 (mar, 17 giu 2008) $
 * $Rev: 177 $
 * @requires jQuery v1.2.6
 *
 * Copyright (c) 2008 Massimiliano Balestrieri
 * Examples and docs at: http://maxb.net/blog/
 * Licensed GPL licenses:
 * http://www.gnu.org/licenses/gpl.html
 *
 */

if(!window.BlacknWhite)
    var BlacknWhite = {};

BlacknWhite = {
    init     : function(options)
    {
        options = jQuery.extend({minor : 7}, options);

           if(jQuery.browser.msie && jQuery.browser.version < options.minor)
            jQuery("html").css("filter","gray");
    }
};

jQuery(document).ready(function(){
    BlacknWhite.init();
    //BlacknWhite.init({minor : 8}); 
});

You'll need jQuery on your page to use this script (at least as-is) but it would be simple to adapt to either plain JS or another JS framework. The only thing really going on is it's setting a filter on the <html/> tag to show the whole page in gray.

I've added this script to this blog entry so you can easily view the effect.

Categories: JavaScript, jQuery

3 Comments

radekg
Jun 17, 2008 @ 12:24 PM

The same without jQuery:
var msie = "MSIE ";
if (
navigator.appVersion.indexOf(msie) > -1
&& parseInt(navigator.appVersion.substr(navigator.appVersion.indexOf(msie)+msie.length,1))<7
)
document.body.style.filter = "gray";
radekg
Jun 17, 2008 @ 12:24 PM

Ofcourse in some function with onload...
Chocksy
Dec 12, 2008 @ 5:51 PM

Great. I really like this. I also made a popover that displays a message for IE6 users and a website that makes IE6 crash. :D http://crashie.ajaxmasters.com . Maybe you'll like the idea.

Comments for this entry have been disabled.