Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/07/2015, 07:23
gusiluz1977
 
Fecha de Ingreso: abril-2015
Mensajes: 45
Antigüedad: 9 años
Puntos: 0
¿Cómo redimensionar iframe con JS?

Hola en un index.php tengo el siguiente script:
<script>
function resizeIframe(idIframe){
var miIframe=document.getElementById(idIframe);
var alturaPagina=miIframe.contentWindow.document.body. scrollHeight+20;
miIframe.style.height=alturaPagina+"px";
var anchoPagina=800+20;
miIframe.style.width=anchoPagina+"px";
}
</script>
El cual llamo para redimensionar un iframe así:
<iframe class="mainFrame" src="principal.php" style="width:800px;height:600px" name="mainFrame" id="mainFrame" title="mainFrame" frameborder="0" scrolling="no" onLoad="resizeIframe(this.id);">

Mediante un menú abro diversas páginas en dicho iframe.
Con el script anterior consigo redimensionar dicho iframe al tamaño de cada página llamada desde el menú de cabecera.
PERO, hay páginas que contienen dentro otra llamada a otra subpágina, el script me redimensiona el iframe al alza pero no lo redimensiona a la baja. Es decir, si la subpágina tiene un alto mayor, el iframe se redimensiona, pero cuando desde esa subpágina vuelvo a la anterior (que tiene un alto menor), el iframe NO se redimensiona y se queda con el algo antiguo, que es demasiado.
No sé si me he explicado?