[SOLUCIONADO] Internet Explorer 8 - ¿Límite a funciones?

JUMASOL · #1 (**permalink**) 08/11/2013, 11:53

Hola.

Hace poco completé una función para detectar páginas en un sitemap e insertar un css en caso afirmativo.

Es así:

Código:

<?php
$DomDocument = new DOMDocument();
$DomDocument->preserveWhiteSpace = false;
$DomDocument->load('http://www. sitio .com/index.php?option=com_xmap&view=xml&tmpl=component&id=1');
$DomNodeList = $DomDocument->getElementsByTagName('loc');
foreach($DomNodeList as $url) {
$urls[] = $url->nodeValue;
}
// Secciones;
if(in_array("http://www.sitio .com/es/categoria/categoria-a",$urls)){
$css= '<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>';
}
echo $css;

Después hay muchas más funciones, por razón de las múltiples categorías:

Código:

if(in_array("http://www.sitio .com/es/categoria/categoria-b",$urls)){
$css= '<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>';
}
echo $css;


----- etc.

Funciona perfectamente.

Terminada la web me meto en corregir formatos en los navegadores.

Chrome, FF y Opera perfectos. Y también Internet Explorer 9. Sin problemas.

Me meto en Internet Explorer 8 (ojalá se muera pronto como el 6) y me sale la página en blanco.

Después de un millón de vueltas por la web, sustituyendo esto y aquello, descubro que el fallo comienza cuando llegas a un número de terminado de funciones:

Código:

if(in_array("http://www.sitio .com/es/categoria/categoria-b",$urls)){
$css= '<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>';
}
echo $css;

Creyendo que hay algún defecto en alguna de ellas, finalmente se trata de que parace que no soporta más que un número de archivos css o reglas.

Acabo de descubrir que hay un límite de 31 styles en cada página en IE8.

O eso creo.

¿Me podéis confirmar si es cierto?

pateketrueke · #2 (**permalink**) 08/11/2013, 12:05

Te recuerdo que PHP se ejecuta del lado del servidor, así que un problema de "funciones" no es, sería ridículo pensar que el navegador afecta la ejecución de código en el servidor.

Lo que si puede estar pasando es que el HTML que generas finalmente tiene problemas con dicho navegador, pero ahí está la diferencia, no es problema del servidor ni del código PHP, en todo caso es problema de tu HTML en si mismo.

JUMASOL · #3 (**permalink**) 08/11/2013, 12:11

No, no lo es. Ya lo he comprobado. Se trata de número de estilos css.

¿Hay algún modo de combinar las funciones en negrita?

Código:

<?php
$DomDocument = new DOMDocument();
$DomDocument->preserveWhiteSpace = false;
$DomDocument->load('http://www. sitio .com/index.php?option=com_xmap&view=xml&tmpl=component&id=1');
$DomNodeList = $DomDocument->getElementsByTagName('loc');
foreach($DomNodeList as $url) {
$urls[] = $url->nodeValue;
}
// Secciones;
if(in_array("http://www.sitio .com/es/categoria/categoria-a",$urls)){
$css= '<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>';
}
echo $css;

if(in_array("http://www.sitio .com/es/categoria/categoria-b",$urls)){
$css= '<style type="text/css">ul#areas li#ZAG, path#jvectormap1_ZAG {display: inherit;}</style>';
}
echo $css;

if(in_array("http://www.sitio .com/es/categoria/categoria-c",$urls)){
$css= '<style type="text/css">ul#areas li#ZAX, path#jvectormap1_ZAX {display: inherit;}</style>';
}
echo $css;

pateketrueke · #4 (**permalink**) 08/11/2013, 12:31

Claro, es muy fácil, sólo mira:

Código PHP:

Ver originalecho '<style>';
 
// todas tus condiciones
 
if ($foo) {
  echo '.bar { color: red; }';
}
 
echo '</style>';

Tu problema es que imprimes cada ves el mismo código, lo cual es un desperdicio, si al final vas a imprimir CSS con que abras y cierres el bloque una vez basta.

Ya dentro de tus condiciones sólo debes imprimir las reglas de CSS sin HTML.

JUMASOL · #5 (**permalink**) 08/11/2013, 12:45

Me imagino que podrá hacerse, pero no acabo de verlo.

No imprime siempre el mismo código.

Ten en cuenta que cuando tenemos éste url en el array:

http://www.sitio .com/es/categoria/categoria-a"

debe insertarse esto muy concretamente.

<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>

En el caso de otra url distinta, tiene su propio css con un selector id específico.

Cierto que siempre se imprime la misma regla css, pero no veo cómo aplicar la solución que das.

pateketrueke · #6 (**permalink**) 08/11/2013, 12:55

Bueno, si no lo ves tal vez necesites lentes.

Código PHP:

Ver originalecho '<style type="text/css">';
 
if(in_array("http://www.sitio .com/es/categoria/categoria-a",$urls)){
echo 'ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}';
}
 
if(in_array("http://www.sitio .com/es/categoria/categoria-b",$urls)){
echo 'ul#areas li#ZAG, path#jvectormap1_ZAG {display: inherit;}';
}
 
if(in_array("http://www.sitio .com/es/categoria/categoria-c",$urls)){
echo 'ul#areas li#ZAX, path#jvectormap1_ZAX {display: inherit;}';
}
 
echo '</style>';

Usa tu sentido común, es imposible que no sepas hacer un cambio así de simple.

JUMASOL · #7 (**permalink**) 08/11/2013, 13:02

No. No me ha salido.

No sé si tienes en cuenta el resto del script.

pateketrueke · #8 (**permalink**) 08/11/2013, 13:04

Cita:

Iniciado por JUMASOL

No sé si tienes en cuenta el resto del script.

Pues obviamente no soy adivino como para saber como es el resto de tu script.

Pero el ejemplo debería ser lo suficientemente claro para que lo apliques por ti mismo, reflexiona bien la idea, no hay más.

JUMASOL · #9 (**permalink**) 08/11/2013, 13:06

Está arriba:

Código:

<?php
$DomDocument = new DOMDocument();
$DomDocument->preserveWhiteSpace = false;
$DomDocument->load('http://www. sitio .com/index.php?option=com_xmap&view=xml&tmpl=component&id=1');
$DomNodeList = $DomDocument->getElementsByTagName('loc');
foreach($DomNodeList as $url) {
$urls[] = $url->nodeValue;
}

Se busca en un sitemap y en cada caso de url se inserta un estilo muy concreto. El problema es que no se trata de detectar una sola, sino una serie de ellas.

Cuervoo · #10 (**permalink**) 08/11/2013, 13:13

El tema es que, por lo que decís:

Cita:

Chrome, FF y Opera perfectos. Y también Internet Explorer 9. Sin problemas.

Me meto en Internet Explorer 8 (ojalá se muera pronto como el 6) y me sale la página en blanco.

No hay corrección de código php que valga, como decía pateketrueke al principio.

Mostranos el código fuente de lo que imprime en IE 8, seguro que se va a solucionar más rápido viendo eso.

JUMASOL · #11 (**permalink**) 08/11/2013, 13:16

Ya te he dicho el problema; demasiados estilos en la misma página por culpa de este script.

Ya me había parecido que estaba mal escrito por demasiadas funciones.

Al principio sólo iban a ser 5. Luego se ha complicado.

¿Se puede combinar o no?

Cuervoo · #12 (**permalink**) 08/11/2013, 13:25

Entonces, con el código que te pasó pateketrueke tendría que funcionar.

Mirá, vos tenías esto:

Cita:

if(in_array("http://www.sitio .com/es/categoria/categoria-a",$urls)){
$css= '<style type="text/css">ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}</style>';
}

Que, cada vez que entra al if, abre y cierra una estiqueta de estilos, que como entraba muchas veces, te generaba más de 30 como decís.

Qué corrigió el?

Código PHP:

Ver originalecho '<style type="text/css">'; //Abre solo una etiqueta al principio
 
//Imprime cada estilo dentro de esa misma etiqueta
 
if(in_array("http://www.sitio .com/es/categoria/categoria-a",$urls)){
echo 'ul#areas li#ZAF, path#jvectormap1_ZAF {display: inherit;}';
}
 
if(in_array("http://www.sitio .com/es/categoria/categoria-b",$urls)){
echo 'ul#areas li#ZAG, path#jvectormap1_ZAG {display: inherit;}';
}
 
if(in_array("http://www.sitio .com/es/categoria/categoria-c",$urls)){
echo 'ul#areas li#ZAX, path#jvectormap1_ZAX {display: inherit;}';
}
 
echo '</style>'; //Cierra al final

Entonces con eso solo abrís una etiqueta, por más que entre a 100 ifs.

Entonces, si el tema era que no se puede tener más de 30 hojas de estilo, con eso está solucionado.

Cuervoo · #13 (**permalink**) 08/11/2013, 13:31

Si conocen un buen sinónimo de "entonces" que sea barato avísenme que estoy buscando uno.

andresdzphp · #14 (**permalink**) 08/11/2013, 13:33

Cita:

Iniciado por JUMASOL

Acabo de descubrir que hay un límite de 31 styles en cada página en IE8.

O eso creo.

¿Me podéis confirmar si es cierto?

Si es cierto, Internet explorer 6 a 9 tienen ese límite (31 sheets y 4095 reglas), en Internet explorer 10 se amplió a 4095 sheets y 65534 reglas. Tu problema se soluciona abriendo una sola etiqueta style.

JUMASOL · #15 (**permalink**) 08/11/2013, 17:29

Sí, ya lo he solucionado como me habéis indicado.

Todo en la misma etiqueta.

Me había obcecado con esto:

Código:

if ($foo) {

En realidad es que soy muy novato en este tema.

Además, lo que buscaba adicionamente es si se pueden eliminar todas esas funciones y ponerlas en una sola. Por ahorrar código y hacer el sitio más liviano.

A cuenta de este tema y otras cuestiones similares se me ha triplicado el peso del índex.

Lo marco como solucionado.

Gracias por vuestra colaboración.