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.
Vendrá muy bien, aunque si alguien utiliza IE6 le dará exactamente igual ese mensaje xD
Seguís maquetando para IE6 y revisando que funcione todo perfectamente, y además se muestra el mensaje? ¿O directamente ignoráis al IE6?
@gruncho: creo q insistiendo se podra convencer al usuario, el mensaje se mostrara hasta que actualice de navegador.
@Alwaison: si fuera por mi lo ignoraria pero un 34% es una cuota alta de usuarios que no se puede ignorar, el jefe insiste jeje.
para nosotros lo mas importante es que vea bien con todos los navegadores y funcione todo el javascript correctamente, luego ya vienen los estanderes…
@gafeman: Personalmente, creo que un mesajito no hace que el típico usuario messenger se actualice.
Desgraciadamente para nosotros (porque yo también sufro IE en silencio), una startup o una pyme no tienen la fuerza suficiente para hacerlo, pero la única solución es forzar al usuario a actualizarse.
Mientras sigamos dandoles soporte, ellos seguirán tan contentos.
Excelente, ahora mismo lo pongo en mi blog.
@gafeman: debes tener en cuenta que en algunas multinacionales (cómo en la que trabajo yo) es muy complicado subir a otra versión de IE, ya que son muchos puestos de trabajo y en ocasiones (debido a que “la gente” se salta los estándares a la hora de programar aplicaciones Web) se tiene que validar aplicación por aplicación (Web) con las diferentes versiones de los navegadores que van apareciendo.
Un saludo,
Javi
Gracias ha sido de utilidad, harto ya de tener que diseñar para IE en algunas webs que es mejor actualizar el navegador que hacer piruetas con el código.
Muchas gracias
en realidad todavía existen muchos usuarios que usan esté explorador… gracias bro ¡¡