Vyvíjate webovú stránku využívajúcu moderné programovacie jazyky, ktoré už staršie prehliadače napr. Internet Explorer 6 (IE 6) nepodporujú? Potrebujete užívateľom s takýmto prehliadačom zakázať prístup na stránku? Nasledujúci kód spraví toto blokovanie prostredníctvom jQuery veľmi jednoducho, zablokuje prístup pre prehliadače IE 6 a staršie.
Na stránke, kde chcete toto blokovanie vykonať vložte do sekcie <head> </head> tento kód:
1 2 | <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <!--[if lte IE 6]><script type="text/javascript" src="ie6blocker.js"></script><![endif]--> |
Nasledujúci kód skopírujte do súboru ie6blocker.js a uložte do adresára s vašou stránkou.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | $(document).ready(function(){ $(function(){ //rozmery okna, v ktorom sa zobrazi upozornenie o starom prehliadaci sirka_okna = 640; vyska_okna = 400; //prekrytie aktualnej stranky sedou farbou //(v skutocnosti je to cierna s nastavenou priehladnostou na 75%. $("<div>") .css({ position: 'absolute', top: '0px', left: '0px', backgroundColor: 'black', opacity: '0.75', width: '100%', height: $(document).height(), zIndex: 5000 }) .appendTo("body"); //blok s textom o starom prehliadaci $("<div><p><h1 align='center'>Používate zastaralý prehliadač.</h1></p>") .css({ backgroundColor: 'white', 'border': '1px solid black', top: ($(window).height()-vyska_okna)/2, left: ($(window).width()-sirka_okna)/2, width: sirka_okna, 'padding':'20px', height: vyska_okna, position: 'absolute', zIndex: 6000, 'font-size': '16', 'line-height': '22px' }) .appendTo("body"); }); }); |