Blokovanie starších prehliadačov

blokovanie-starsich-prehliadacov

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");
	});		
});

Pridajte Komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *

Návrat hore