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:
<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.
$(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");
});
});