jQuery - IE6 alert - web co nemá rád IE6

Pokračuju ve vystavování jQuery funkcí, které jsem si vytvořil pro tento web (a samozřejmě i ty ostatní). Konečně jsem se dokopal k tomu, abych vytvořil funkci, která při zobrazení webu v Internet Exploreru verze 6 vypíše hlášku, že tento prohlížeč je naprd a nabídne ke linky ke stažení ostatních – novějších – prohlížečů.

jQuery function ie6Alert

Opět je vytvořena „funkce“ a ne „plugin“, protože není třeba JS kód spouštět nad určitou skupinou tagů. Je také možné obsah funkce „narvat“ přímo $(document).re­ady()…

Demo

tyto stránky (pod ie6)

nicméně pro ty co ie6 nemají nainstalován, jede screenshot

Kód jQuery funkce

jQuery.ie6Alert = function(mainText) {
    if($.browser.msie && $.browser.version=="6.0") {
        var links =
            '<div>Nainstalujte si: ' // install
            + '<a href="http://www.microsoft.com/ie8/">IE8</a> nebo ' // ie8 or
            + '<a href="http://www.mozilla-europe.org/cs/firefox/">Firefox</a> nebo ' // firefox or
            + '<a href="http://www.opera.com/download/">Operu</a> nebo ' // opera or
            + '<a href="http://www.google.com/chrome/">Chrome</a> nebo ' // chrome or
            + '<a href="http://www.apple.com/safari/download/">Safari</a> ' // safari
            + '- prostě něco novějšího...</div>'; // simple another new browser
        var html = '<div class="ie6alert">' + mainText + links + '</div>'
        $("body").prepend(html)
        // add css to div.ie6alert
        $('.ie6alert')
            .css("color", "#D8000C")
            .css("border", "0")
            .css("border-bottom", "1px solid")
            .css("margin", "0")
            .css("padding", "1em 5em")
            .css("font", "normal 2em Helvetica, Arial, sans-serif")
            .css("text-align", "center")
            .css("background-color", '#FFBABA');
        // add css to div with links
        $('.ie6alert div')
            .css('margin-top', '10px')
            .css("font-size", "0.5em");
        // add css to link
        $('.ie6alert div a')
            .css('color', '#D8000C')
            .css('font-weight', 'bold')
            .css('letter-spacing', '0.1ex');
    }
}

spuštění pak v document ready s parametrem = textem který se zobrazí v úvodní větě:

$(document).ready(function(){
    $.ie6Alert('Tento web nenávidí IE6, prohlížeč z roku 2001...');
});

Download

jquery.ie6aler­t.js