jQuery - IE6 alert - web co nemá rád IE6 … 3tecky.cz

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

Sdílet

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\');
    }
}
\\---

sputnpak v document ready s parametrem = textem kterse zobrazv úvodnvt
$(document).ready(function(){
    $.ie6Alert(\'Tento web nenávidí IE6, prohlížeč z roku 2001...\');
});
\\---

Download
===

\"jquery.ie6alert.js\":jquery.ie6alert.js
Publikováno: 12.04.2010 14:19
knedle

Související články

blog comments powered by Disqus