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

         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).

2WebDesign

Cu o experienta de peste un deceniu in materie de web design si propulsati de o nemarginita pasiune pentru online va invitam sa ne vizitati site-ul si sa va inspirati citind cele mai interesante articole din domeniu.

Recommended Posts

Android si atacurile cibernetice – de ce sunt mai dese pe acest sistem de operare

7 septembrie 2016

Top cele mai descarcate programe in 2013 – Free Download

3 septembrie 2013

Cum scriem sau editam un articol la un site in WordPress

2 septembrie 2013