aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Jesus Moreno me pasa esta imagen sacada de un artículo de Ajaxian que a su vez la sacaron de un artículo de Asa Dotzler en la que nos muestra la montaña rusa que forma esta gráfica del tanto por cierto de usuarios usando Internet Explorer 6 a lo largo de los últimos años.

Datos obtenidos de Market Share.

Debido a la aparición de PC’s más baratos, con Windows Vista e Internet Explorer 7 hacen que los anticuados navegadores empiecen a ir desapareciendo poco a poco. Algo más que lógico que los desarrolladores esperamos desde hace muuucho tiempo. ¿Tocará fondo en 2009?

Los PNG’s tranparentes en Internet Explorer siempre han sido un incordio, pero cada vez se van desarrollado sistemas más sencillosy sobretodo más cómodos para los desarrolladores, sistemas con los que evitar que tardemos demasiado tiempo en hacer algo que debería hacer el navegador.

Con DD_belatedPNG podemos hacer exactamente esto, perder 2 seg en indicar que elemento queremos hacer transparente y a desarrollar algo interesante.

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
    DD_belatedPNG.fix('.png_bg'); //EXAMPLE
</script>
<![endif]-->

El script, de tan solo 6,66 kb (3,84kb comprimido) está bajo la licencia MIT y lo podemos descargar directamente desde aqui.

Hace más de un año, preguntabamos ¿Por que lo llamamos input cuando deberíamos llamarlo button?. Despues de varios comentarios vimos que uno de los problemas que nos llevan a depender de input's para hacer el trabajo de buttons es que Internet Explorer 6, al enviar todos los datos a la página siguiente hace exactamente eso, enviarlo todo, incluso otros elementos <button /> que podrían tener diferentes funcionalidades.

Para solucionar este problema, podemos optar por usar este código javascript únicamente para Internet Explorer 6.

function buttonfix() {
    var buttons = document.getElementsByTagName('button');
    for (var i=0; i<buttons.length; i++) {
        if(buttons[i].onclick) continue;
        
        buttons[i].onclick = function () {
            for(j=0; j<this.form.elements.length; j++)
                if( this.form.elements[j].tagName == 'BUTTON' )
                    this.form.elements[j].disabled = true;
            this.disabled=false;
            this.value = this.attributes.getNamedItem("value").nodeValue ;
        }
    }
}
window.attachEvent("onload", buttonfix);
// Solo para IE 6
<!--[if lt IE 7]>
    <script type="text/javascript" src="buttonfix.js"></script>
<![endif]-->

Este código, nos añadirá una funcionalidad que será ejecutada al hacer click sobre cualquier elemento button de la página y que desactivará todos los elementos <button /> que encuentre para que no sean el que hemos seleccionado.

Esta solución, lamentablemente nos obliga a tener el javascript activado, así que más que solución es un parche, habrá que esperar a que IE6 desaparezca.

Via.

Una curiosidad rápida:

«Internet Explorer 6 y 7 únicamente pueden llegar a cargar 31 hojas de estilos» (Trás los 31 obtendremos un «Invalid argument» como una catedral).

var ss = document.createElement('STYLE');
document.documentElement.firstChild.appendChild(ss);

Lo podemos ver en la documentación oficial del MSDN de Microsoft, pero … ¿por que 31? ¿por que no 20? ¿o 109?

Misterios de Internet Explorer que nunca llegaremos a entender.