23 de julho de 2012

Javascript - Atualizar IE6 e IE7

<!--[if lte IE 6]>
    <script src="js/ie6/warning.js"></script>
    <script>window.onload=function(){e("js/ie6/")}</script>
<![endif]--> 
 
Fonte: http://ie6-upgrade-warning.googlecode.com/files/ie6-upgrade-warning.zip


 
<script>
var msg1 = "Você sabia que seu Internet Explorer está desatualizado?";
var msg2 = "Para usufruir da melhor experiência utilizando nosso website,";
    msg2 += "nós recomendamos que você atualize para a nova versão ou ";
    msg2 += "instale um outro browser. Apresentamos uma ";
    msg2 += "lista dos browsers mais populares logo abaixo.";
var msg3 = "Apenas clique em um dos links abaixo para ir para a página de download:";
var br1 = "Internet Explorer";
var br2 = "Mozilla Firefox";
var br3 = "Safari";
var br4 = "Opera";
var br5 = "Google Chrome";
var url1 = "http://www.microsoft.com/windows/Internet-explorer/default.aspx";
var url2 = "http://www.mozilla.com/firefox/";
var url3 = "http://www.apple.com/safari/download/";
var url4 = "http://www.opera.com/download/";
var url5 = "http://www.google.com/chrome";
var imgPath;

function e(str) {
    imgPath = str;
    var _body = document.getElementsByTagName('body')[0];
    var _d = document.createElement('div');
    var _l = document.createElement('div');
    var _h = document.createElement('h1');
    var _p1 = document.createElement('p');
    var _p2 = document.createElement('p');
    var _ul = document.createElement('ul');
    var _li1 = document.createElement('li');
    var _li2 = document.createElement('li');
    var _li3 = document.createElement('li');
    var _li4 = document.createElement('li');
    var _li5 = document.createElement('li');
    var _ico1 = document.createElement('div');
    var _ico2 = document.createElement('div');
    var _ico3 = document.createElement('div');
    var _ico4 = document.createElement('div');
    var _ico5 = document.createElement('div');
    var _lit1 = document.createElement('div');
    var _lit2 = document.createElement('div');
    var _lit3 = document.createElement('div');
    var _lit4 = document.createElement('div');
    var _lit5 = document.createElement('div');
    _body.appendChild(_l);
    _body.appendChild(_d);
    _d.appendChild(_h);
    _d.appendChild(_p1);
    _d.appendChild(_p2);
    _d.appendChild(_ul);
    _ul.appendChild(_li1);
    _ul.appendChild(_li2);
    _ul.appendChild(_li3);
    _ul.appendChild(_li4);
    _ul.appendChild(_li5);
    _li1.appendChild(_ico1);
    _li2.appendChild(_ico2);
    _li3.appendChild(_ico3);
    _li4.appendChild(_ico4);
    _li5.appendChild(_ico5);
    _li1.appendChild(_lit1);
    _li2.appendChild(_lit2);
    _li3.appendChild(_lit3);
    _li4.appendChild(_lit4);
    _li5.appendChild(_lit5);
    _d.setAttribute('id','_d');
    _l.setAttribute('id','_l');
    _h.setAttribute('id','_h');
    _p1.setAttribute('id','_p1');
    _p2.setAttribute('id','_p2');
    _ul.setAttribute('id','_ul');
    _li1.setAttribute('id','_li1');
    _li2.setAttribute('id','_li2');
    _li3.setAttribute('id','_li3');
    _li4.setAttribute('id','_li4');
    _li5.setAttribute('id','_li5');
    _ico1.setAttribute('id','_ico1');
    _ico2.setAttribute('id','_ico2');
    _ico3.setAttribute('id','_ico3');
    _ico4.setAttribute('id','_ico4');
    _ico5.setAttribute('id','_ico5');
    _lit1.setAttribute('id','_lit1');
    _lit2.setAttribute('id','_lit2');
    _lit3.setAttribute('id','_lit3');
    _lit4.setAttribute('id','_lit4');
    _lit5.setAttribute('id','_lit5');
    var _width = document.documentElement.clientWidth;
    var _height = document.documentElement.clientHeight;
    var _dl = document.getElementById('_l');
    _dl.style.width =  _width+"px";
    _dl.style.height = _height+"px";
    _dl.style.position = "absolute";
    _dl.style.top = "0px";
    _dl.style.left = "0px";
    _dl.style.filter = "alpha(opacity=50)";
    _dl.style.background = "#fff";
    var _dd = document.getElementById('_d');
    _ddw = 650;
    _ddh = 260;
    _dd.style.width = _ddw+"px";
    _dd.style.height = _ddh+"px";
    _dd.style.position = "absolute";
    _dd.style.top = ((_height-_ddh)/2)+"px";
    _dd.style.left = ((_width-_ddw)/2)+"px";
    _dd.style.padding = "20px";
    _dd.style.background = "#fff";
    _dd.style.border = "1px solid #ccc";
    _dd.style.fontFamily = "Arial,Verdana,sans-serif";
    _dd.style.listStyleType = "none";
    _dd.style.color = "#4F4F4F";
    _dd.style.fontSize = "12px";
    _h.appendChild(document.createTextNode(msg1));
    var _hd = document.getElementById('_h');
    _hd.style.display = "block";
    _hd.style.fontSize = "1.3em";
    _hd.style.marginBottom = "0.5em";
    _hd.style.color = "#333";
    _hd.style.fontFamily = "Helvetica,Arial,sans-serif";
    _hd.style.fontWeight = "bold";
    _p1.appendChild(document.createTextNode(msg2));
    var _p1d = document.getElementById('_p1');
    _p1d.style.marginBottom = "1em";
    _p2.appendChild(document.createTextNode(msg3));
    var _p2d = document.getElementById('_p2');
    _p2d.style.marginBottom = "1em";
    var _uld = document.getElementById('_ul');
    _uld.style.listStyleImage = "none";
    _uld.style.listStylePosition = "outside";
    _uld.style.listStyleType = "none";
    _uld.style.margin = "0 px auto";
    _uld.style.padding = "0px";
    _uld.style.paddingLeft = "10px";
    var _li1d = document.getElementById('_li1');
    var _li2d = document.getElementById('_li2');
    var _li3d = document.getElementById('_li3');
    var _li4d = document.getElementById('_li4');
    var _li5d = document.getElementById('_li5');
    var _li1ds = _li1d.style;
    var _li2ds = _li2d.style;
    var _li3ds = _li3d.style;
    var _li4ds = _li4d.style;
    var _li5ds = _li5d.style;
    _li1ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li2ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li3ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li4ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li5ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li5ds.background = "url('"+imgPath+"background_browser.gif') left top";
    _li1ds.cursor = "pointer";
    _li2ds.cursor = "pointer";
    _li3ds.cursor = "pointer";
    _li4ds.cursor = "pointer";
    _li5ds.cursor = "pointer";
    _li1d.onclick = function() {window.location = url1 };
     _li2d.onclick = function() {window.location = url2 };
     _li3d.onclick = function() {window.location = url3 };
     _li4d.onclick = function() {window.location = url4 };
     _li5d.onclick = function() {window.location = url5 };
     _li1ds.styleFloat = "left";
     _li2ds.styleFloat = "left";
     _li3ds.styleFloat = "left";
     _li4ds.styleFloat = "left";
     _li5ds.styleFloat = "left";
    _li1ds.width = "120px";
    _li2ds.width = "120px";
    _li3ds.width = "120px";
    _li4ds.width = "120px";
    _li5ds.width = "120px";
    _li1ds.height = "122px";
    _li2ds.height = "122px";
    _li3ds.height = "122px";
    _li4ds.height = "122px";
    _li5ds.height = "122px";
    _li1ds.margin = "0 10px 10px 0";
    _li2ds.margin = "0 10px 10px 0";
    _li3ds.margin = "0 10px 10px 0";
    _li4ds.margin = "0 10px 10px 0";
    _li5ds.margin = "0 10px 10px 0";
    var _ico1d = document.getElementById('_ico1');
    var _ico2d = document.getElementById('_ico2');
    var _ico3d = document.getElementById('_ico3');
    var _ico4d = document.getElementById('_ico4');
    var _ico5d = document.getElementById('_ico5');
    var _ico1ds = _ico1d.style;
    var _ico2ds = _ico2d.style;
    var _ico3ds = _ico3d.style;
    var _ico4ds = _ico4d.style;
    var _ico5ds = _ico5d.style;
    _ico1ds.width = "100px";
    _ico2ds.width = "100px";
    _ico3ds.width = "100px";
    _ico4ds.width = "100px";
    _ico5ds.width = "100px";
    _ico1ds.height = "100px";
    _ico2ds.height = "100px";
    _ico3ds.height = "100px";
    _ico4ds.height = "100px";
    _ico5ds.height = "100px";
    _ico1ds.margin = "1px auto";
    _ico2ds.margin = "1px auto";
    _ico3ds.margin = "1px auto";
    _ico4ds.margin = "1px auto";
    _ico5ds.margin = "1px auto";
    _ico1ds.background = "transparent url('"+imgPath+"browser_ie.gif') left top";
    _ico2ds.background = "transparent url('"+imgPath+"browser_firefox.gif') left top";
    _ico3ds.background = "transparent url('"+imgPath+"browser_safari.gif') left top";
    _ico4ds.background = "transparent url('"+imgPath+"browser_opera.gif') left top";
    _ico5ds.background = "transparent url('"+imgPath+"browser_chrome.gif') left top";
    _lit1.appendChild(document.createTextNode(br1));
    _lit2.appendChild(document.createTextNode(br2));
    _lit3.appendChild(document.createTextNode(br3));
    _lit4.appendChild(document.createTextNode(br4));
    _lit5.appendChild(document.createTextNode(br5));
    var _lit1d = document.getElementById('_lit1');
    var _lit2d = document.getElementById('_lit2');
    var _lit3d = document.getElementById('_lit3');
    var _lit4d = document.getElementById('_lit4');
    var _lit5d = document.getElementById('_lit5');
    var _lit1ds = _lit1d.style;
    var _lit2ds = _lit2d.style;
    var _lit3ds = _lit3d.style;
    var _lit4ds = _lit4d.style;
    var _lit5ds = _lit5d.style;
    _lit1ds.color = "#808080";
    _lit2ds.color = "#808080";
    _lit3ds.color = "#808080";
    _lit4ds.color = "#808080";
    _lit5ds.color = "#808080";
    _lit1ds.fontSize = "0.8em";
    _lit2ds.fontSize = "0.8em";
    _lit3ds.fontSize = "0.8em";
    _lit4ds.fontSize = "0.8em";
    _lit5ds.fontSize = "0.8em";
    _lit1ds.height = "18px";
    _lit2ds.height = "18px";
    _lit3ds.height = "18px";
    _lit4ds.height = "18px";
    _lit5ds.height = "18px";
    _lit1ds.lineHeight = "17px";
    _lit2ds.lineHeight = "17px";
    _lit3ds.lineHeight = "17px";
    _lit4ds.lineHeight = "17px";
    _lit5ds.lineHeight = "17px";
    _lit1ds.margin = "1px auto";
    _lit2ds.margin = "1px auto";
    _lit3ds.margin = "1px auto";
    _lit4ds.margin = "1px auto";
    _lit5ds.margin = "1px auto";
    _lit1ds.width = "118px";
    _lit2ds.width = "118px";
    _lit3ds.width = "118px";
    _lit4ds.width = "118px";
    _lit5ds.width = "118px";
    _lit1ds.textAlign = "center";
    _lit2ds.textAlign = "center";
    _lit3ds.textAlign = "center";
    _lit4ds.textAlign = "center";
    _lit5ds.textAlign = "center";
}        
</script>

Nenhum comentário:

Postar um comentário