Pues nada aqui ando con un problema que me esta dando con IE, que ya llevo dos dias dandole a la cabeza, pero aun no he conseguido ver el porque, el donde, y el como solucionar el problemilla.
El tema es que tengo 3 enlaces, que lo que hacen es cambiar el tamaño de texto de la pagina, para ello cambiando la hoja de estilos.
Y es que resulta, que con Firefox, etc... me va perfecto, pero en IE, al hacer click la primera vez en el enlace, la pagina pierde los estilos, pero si vuelvo a clickear para cambiar otra vez el estilo, ya recupera los estilos y se muestra bien.
Es como si la primera vez, encontrara el archivo css.
El codigo javascript es...
Código PHP:
function activarCSS(title) {
// Obtengo los elementos link
var links = document.getElementsByTagName("link");
// Los recorro todos y el que tenga
// el title que queremos lo activamos
// el resto los desactivamos
for (var i=0; i<links.length; i++) {
if (links[i].getAttribute("title") == title) {
links[i].disabled = false;
crearCookie(title);
}
else {
links[i].disabled = true;
}
}
}
function crearCookie(hoja) {
document.cookie = hoja + ';path=/';
}
function leerCookie() {
micss = document.cookie;
if (micss == '')
micss = 'normal';
activarCSS(micss);
}
Los enlaces...
Código PHP:
td>
<a href="#" onclick="activarCSS('pequeno')">
<IMG alt="Tamaño pequeño" title="Tamaño pequeño" src="A1.gif" height="15" width="7"/>
</a>
</td>
<td>
<a href="#" onclick="activarCSS('normal')">
<IMG alt="Tamaño medio" title="Tamaño medio" src="A2.gif" height="15" width="10"/>
</a>
</td>
<td class="a3">
<a href="#" onclick="activarCSS('grande')">
<IMG alt="Tamaño grande" title="Tamaño grande" src="A3.gif" height="15" width="18"/>
</a>
</td>
Y aqui estan los link a las css en el head...
Código PHP:
<link title="normal" type="text/css" rel="stylesheet" href="normal.css">
<link href="grande.css" title="grande" type="text/css" rel="alternate stylesheet">
<link href="pequeno.css" title="pequeno" type="text/css" rel="alternate stylesheet">
Salu2