Hola, estoy desarrollando una web en la que uso un div para cargar paginas html, siempre he usado iframe para hacer esto, pero me ha resultado muy molesto y quería probar algo nuevo, así que ahora cargo estas páginas html en un div mediante ajax.
El HTML que cargo tiene una llamada a una función javascript en el evento onload del body que redimensiona una imagen adaptándola al tamaño de la ventana. Sería algo así:
Código:
<html>
<head>
<script language="javascript">
function redimensionar()
{
if(document.getElementById("portada").width > document.body.clientWidth)
{
//Cambio el tamaño de la imagen para adaptarlo al ancho de la ventana.
}
}
</script>
</head>
<body onload="redimensionar();">
<img id="portada" src="miImagen.jpg">
</body>
</html>
Pues bien, cuando cargo este html en el div de la página principal no ejecuta la función javascript. He probado a poner dentro de redimensionar() un simple alert y no hace nada.
Sé que podría cambiar el tamaño de la imagen en la página contenedora, pero, a parte de que no funciona con Google Chrome (el width de la imagen siempre me devuelve 0), necesito cargar otros htmls más desarrollados que van a hacer uso de jquery y otras funciones javascript más complejas.
¿Alguna solución?