Firma de web design
Creare si promovare pagini web
Telefon
0730 518 614
Email:
office@2webdesign.ro

Blocheaza website-ul pentru cei care folosesc Internet Explorer 6 [vezi scriptul]

Recomanda articolul

         Esti detinatorul unui site care se afiseaza in diferite feluri in functie de versiunea de Internet Explorer cu care este deschis ? Si eu am intampinat aceasta problema.Uneori am reusit sa o solutionez , alteori nu am gasit solutia. Insa ceea ce va voi explica cred ca este rezolvarea cea mai buna. Practic  scriptul despre care vorbesc blocheaza vizualizarea siteului daca vizitatorul detine o versiune de IE mai mica de 7.0.

Un mesaj cu textul  ” Sorry! This page doesn’t support Internet Explorer 6. If you’d like to read our content please upgrade your browser.” va aparea in momentul deschiderii.Am considerat ca este folositor pentru ca te ajuta cu un link si sa iti faci update-ul la ultima versiune de IE.

Cum se instealza ?

Fisierul index.html..sau index.php in functie de caz trebuie editat dupa cum urmeaza: in seciunea HEAD din codul sursa html se includ cele 2 fisiere jQuery si fisierul scrip – care se gasesc mai jos la download.

EX:


<script type=”text/javascript” src=”/jquery-1.2.6.min.js” mce_src=”/jquery-1.2.6.min.js”></script>
<script type=”text/javascript” src=”/jquery.ie6blocker.js” mce_src=”/jquery.ie6blocker.js”></script>
</head>

Scriptul ie6blocker.js face detectia browserului de internet:

var IE6 = (navigator.userAgent.indexOf(„MSIE 6”)>=0) ? true : false;
if(IE6) {
… do stuff …
}

Dupa ce a fost detectata versiunea de explorer se foloseste fisierul jQuery pentru a introduce cateva elemente noi in pagina precum un „gradient” transparent de culoare neagra peste intreaga pagina iar in mijloc un chenar care explica update-ul pe care trebuie sa il facem pentru a vizualiza pagina in mod corespunzator.

Iata si codul sursa:

$(„<div>”)
.css({
‘position’: ‘absolute’,
‘top’: ‘0px’,
‘left’: ‘0px’,
backgroundColor: ‘black’,
‘opacity’: ‘0.75’,
‘width’: ‘100%’,
‘height’: $(window).height(),
zIndex: 5000
})
.appendTo(„body”);

Atentie fisierele create trebuiesc copiate in directorul radacina (acelas unde se afla si index.html).

Share

Avand o experienta de aproape un deceniu in materie de web design si propulsati de o nemarginita pasiune pentru programare va invitam sa ne vizitati situl si sa va bucurati de cele mai interesante articole din domeniu.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *