Alargar iframe

[carlosgs91]

Hola, quiero hacer un efecto similar a

http://images.google.es/imgres?imgur...es-LA%26sa%3DN

a la hora de agrandar y empequeñecer el marco que hay arriba, esta pagina usa framesets, no iframes, y quiero preguntar si se puede hacer lo mismo de manera que tengas un iframe y encima y debajo texto.

[manumaf]

Por lo que vi en el codigo esta página no utiliza framesets. El efecto que quieres lograr es el del frame de google?
Eso nesecitaras algo de javascript o algun lenguaje similar

[omar190]

Si lo que quieres es redimensionar un iframe al cargar una seccion. Yo utilizo el siguiente codigo no recuerdo si lo encontre en el foro de javascript pero me fue muy util:

Código javascript:

<script type="text/javascript">
<!--
function getWindowData(n,i){
    var ifr=document.getElementById(i).contentWindow.document || document.getElementById(i).contentDocument;
    var widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal;
    if (typeof window.frames[n].innerWidth != 'undefined'){
        widthViewport= window.frames[n].innerWidth;
        heightViewport= window.frames[n].innerHeight;
    }else if(typeof ifr.documentElement != 'undefined' && typeof ifr.documentElement.clientWidth !='undefined' && ifr.documentElement.clientWidth != 0){
        widthViewport=ifr.documentElement.clientWidth;
        heightViewport=ifr.documentElement.clientHeight;
    }else{
        widthViewport= ifr.getElementsByTagName('body')[0].clientWidth;
        heightViewport=ifr.getElementsByTagName('body')[0].clientHeight;
    }
    xScroll=window.frames[n].pageXOffset || (ifr.documentElement.scrollLeft+ifr.body.scrollLeft);
    yScroll=window.frames[n].pageYOffset || (ifr.documentElement.scrollTop+ifr.body.scrollTop);
    widthTotal=Math.max(ifr.documentElement.scrollWidth,ifr.body.scrollWidth,widthViewport);
    heightTotal=Math.max(ifr.documentElement.scrollHeight,ifr.body.scrollHeight,heightViewport);
    return [widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal];
} 
function resizeIframe(ID,NOMBRE){
document.getElementById(ID).height=null;
document.getElementById(ID).width=null;
window.location='#';//necesario para safari
var m=getWindowData(NOMBRE,ID); 
document.getElementById(ID).height=m[5];
document.getElementById(ID).width=m[4]+22;
} 
function addEvent(obj, evType, fn, useCapture){
 
 if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    
  } else if (obj.attachEvent){
    obj.attachEvent("on"+evType, fn);
   
  } else {
   obj['on'+evType]=fn;
  }
}
window.onload=function(){
    resizeIframe('gral','gral');
    addEvent(document.getElementById('gral'), 'load', function(){resizeIframe('gral','gral');}, false);
} 
 
//-->
</script>