Foros del Web » Creando para Internet » CSS »

Cambio dinamico de hoja css

Estas en el tema de Cambio dinamico de hoja css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/05/2007, 03:03
 
Fecha de Ingreso: julio-2006
Ubicación: Desde mi casa
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Cambio dinamico de hoja css

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=0i<links.lengthi++) { 
        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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:35.