Mensaje de alerta para los usuarios de internet explorer 6

A petición de Rafael Bucio publico este post.

Yo flipo en colores, todavia hay mucha de gente que usa internet explorer 6 un navegador arcaico del año 2001 y del que seguramente más de alguno se ha cagado más de una vez.

Según google analytics el 34,30% de los visitantes de nvivo.es usa internet explorer 6, sin mirar la versión sigue siendo el navegador más usado con un 70,06%, respecto al 24,12% de firefox.

Hace poco en nvivo.es hemos implementado una alerta que sólo se muestra a los usuarios de IE6, así queda:

El código es sencillo, más ligero que el de ie6update ya que no tiene animaciones, aunque también requiere jquery el framework javascript que usamos en nvivo.es, a continuación os dejo todo lo necesario para implementarlo en vuestro sitio:

CSS:

.ie_bar{display:block;padding:10px 10px 10px 35px;background:#FFFFE6 url(‘/img/iealert.png’) no-repeat 10px center;border-bottom:1px #ccc solid;color:#000;text-decoration:none}

Nota: el CSS contiene un icono PNG

Javascript:

$(document).ready(function(){
if($.browser.msie && /6.0/.test(navigator.userAgent)){
$(‘body’).prepend(‘<a href=”http://www.microsoft.com/windows/internet-explorer/default.aspx” class=”ie_bar” target=”_blank”>’ + IE_BAR + ‘</a>’);
}
});

Nota: Al pulsar la alerta se buscará la última versión de Internet explorer, si quereis que baje el firefox cambia el enlace a http://getfirefox.com

HTML:

<script language=”javascript”>
var IE_BAR = “<!–{t}–>Internet Explorer is missing updates required to view this site. Click here to update…<!–{/t}–>”;
</script>

Nota: Para la internacionalización el texto esta en una variable javascript en el template y no dentro de un fichero javascript, os dejó la cadena de texto en inglés y en español:

Internet Explorer está desactualizado para ver este sitio. Haz clic para actualizar…

¿Algún error?

Revisa las comillas dobles al copiar el código, wordpress los remplaza por otros caracteres y es posible que el javascript no funcione bien.