Internet explorer no puede abrir el sitio...

Harris · #1 (**permalink**) 24/09/2009, 06:39

Buenas a tod@s, estoy haciendo el portal www.obrasurbanas.es y al abrirlo en IE a veces sale el siguiente error:
Internet Explorer no puede abrir el sitio http://www.obras... operación anulada.

Según he leído en desarrolloweb el problema viene porque un javascript intenta enviar información cuando todavía no se terminado de cargar la página.

Los Js que tengo son prototype, scriptaculous y google analitics. He eliminado google analitics y sigue fallando.

Es posible que prototype o scriptaculous envíen información simplemente al cargarlos?

Cómo hacer para ejecutar el código de google solo tras cargar toda la web?
He intentado meter el código en una función que sea llamada onload pero no se ejecuta, el código de google es:

Código HTML:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("123456789");
pageTracker._trackPageview();
} catch(err) {}</script>

Alguien me puede echar una maneja, muchas gracias a todos

Panino5001 · #2 (**permalink**) 24/09/2009, 07:15

Intentá agregando el atributo defer a tus tags script que referencien a fuentes externas:

Código:

<script defer="defer" src="algo.js" type="text/javascript"></script>

Adler · #3 (**permalink**) 24/09/2009, 08:10

Hola

Para el caso que no sea externo yo uso

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function funcion() {
var estado = document.readyState;
if (estado == 'complete' || estado == 4) { // IE o OPERA
alert("completada")
document.getElementById("elDiv").style.color = '#FF0000';
} else {
if (document.addEventListener) { // FF
alert("completada")
document.getElementById("elDiv").style.color = '#FF0000';
   }
}
}
</script>
</head>
<body onload = "funcion()">
<div id="elDiv" style="color:#C9C9C9;">Este texto era de color gris, pero al estar la p&aacute;gina totalmente carga, ahora es rojo</div>
</body>
</html>

Suerte

deirdre · #4 (**permalink**) 24/09/2009, 09:47

Hola Harris

Has probado a colocar todos los js justo antes de </body>. En ocasiones esto soluciona muchos problemas de javascripts que modifican el DOM. Por probar que no quede...

Bye

Harris · #5 (**permalink**) 24/09/2009, 11:54

hola deirdre, ha funcionado ponerlo al final de la página, lo quería hacer más elegante pero qué se le va a hacer.

Muchas gracias, hasta otra

deirdre · #6 (**permalink**) 24/09/2009, 17:25

Hola Harris

Me alegra que lo solucionaras... pero debo decirte que no es poco elegante el sistema que te propongo.

Actualmente existe una corriente de desarrolladores que aconsejan poner "siempre" los js justo al final de la página, precisamente porque muchos de los js que utilizamos ahora modifican el DOM y por eso no es conveniente colocarlos dentro de <head>, sobre todo en páginas de cierto peso. La razón es que algunos js se ponen a "trabajar" antes de que la totalidad de la página esté cargada y eso produce errores, sobre todo en los navegadores "lentos", como es el caso de iexplorer.

Bye