Se que este tema a sido tratado en innumerables foros y he encontrados algunos aquí, pero la verdad es que aún sigo con el mismo problemas y es que trato de ajustar un "
iframe" a los tamaños (alturas) de las pag. que carga externamente...
Les explico tengo un HTML en el cual hay un "
iframe" en el cual me cargan las diferentes páginas (generalmente php) a través de unos botones, he probado diferentes códigos pero solo 2 an estado cerca pero aun no ocurre lo que quiero...
Código Nº 1: Pagina Padre Código HTML:
<script type="text/javascript">
function ini() {
document.getElementById("contenido").height = window.frames.contenido.document.body.offsetHeight + window.frames.contenido.document.body.scrollHeight;
}
</script> Iframe Código HTML:
<iframe name='contenido' width='764' marginwidth='0' marginheight='0' frameborder='0' id="contenido" scrolling="No" onload="ini()"></iframe>
Con este código, todos las "
PAGINAS HIJOS" (independiente de la altura) me cargan, pero el problema ocurre que el "ALTO" es mucho más grande que el contenido de la "
PAGINAS HIJOS"...
Con el 2º código que utilizó es este, y lo encontre
aquí:
Código Nº 2: Página Padre Código HTML:
<script type="text/javascript">
// <![CDATA[
function recalcula(){
var daH = (document.body && document.body.clientHeight)?parent.interior.document.body.clientHeight: 0;
daH = (document.addBinding)?daH+20:daH+5;
//alert(daH);
document.getElementById("elIframe").style.height = daH + "px";
}
function cargar(url){
parent.interior.location.href=url;
}
// ]]>
</script>
<style type="text/css">
<!--
iframe {
width : 764px;
overflow : hidden;
}
-->
</style> Iframe Código HTML:
<iframe name='interior' marginwidth='0' marginheight='0' frameborder='0' id="elIframe" scrolling="NO" onload="recalcula()"></iframe>
Código Páginas hijos:
solo pongo este estilo:
Código HTML:
<style type="text/css">
<!--
html, body {
padding : 0;
margin : 0;
width : 764px;
}
-->
</style> Que es lo que me ocurre con este código, es que me carga todos las "PAGINAS HIJOS" pero no se me adapta, o sea, el iframe queda con el mismo tamaño...
Alguna ayuda u orientación, plisssss!!!!
Gracias!!!!