French ↓ Menu ↓

# How to handle evil IE

For developer IE is a nightmare. This is why, I use a method to disable my standard CSS and enable a IE only CSS. I use jQuery to accomplish that.

    $(document).ready( function() {
        if ($.browser["msie"]) {
            // include the ie.js file
            $('head').append('<script type="text/javascript" src="/js/ie.js"></scr' + 'ipt>');
        }
    });

    // Remove all CSS I don't want to use on IE
    $('link[rel=stylesheet]').each(function(i)
    {
        if (this.getAttribute('href') == '/css/layout.css')
            this.disabled = true;
        if (this.getAttribute('href') == '/css/shadows.css')
            this.disabled = true;
        if (this.getAttribute('href') == '/css/gen.css')
            this.disabled = true;
    }) ;

    // Append the CSS for IE only
    $('head').append('<link rel="stylesheet" type="text/css" href="/css/ie.css"/>');

    // I also add a message on top of the page
    $('body').prepend('<div id="iemessage"><p><span class="fr"><em>Avec <a href="http://www.firefox.com"> Firefox </a> et <a href="http://www.apple.com/safari">Safari</a> cette page est bien plus jolie !</em></span><span class="en"><em>This page is far nicer with <a href="http://www.firefox.com"> Firefox </a> and <a href="http://www.apple.com/safari">Safari</a>!</em></span></p>.</div>');

That’s it.

RSS · Tweet · FB
These social sharing links preserve your privacy
↑ Top ↑
Published on 2009-10-30
Follow @yogsototh
Yann Esposito©
Done with Vim spacemacs & nanoc Hakyll

ADA: `DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp`