Menu

Buscar

domingo, 18 de marzo de 2012

Redimensionar Iframe con Javascript

Aqui un nuevo tutorial para redimensionar IFrames diunamicamente con ayuda de javascript. ¡Un pequeño aviso: de momento no funciona correctamente con google Chrome!
¡Debajo del video estan los 2 codigos para insertar!


<script type="text/javascript">
<!--//
function sizeFrame() {
var F = document.getElementById("idframe");
if(F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
}
};

window.onload=sizeFrame;

    function autoIframe(idframe){
        try{
            frame = document.getElementById(idframe);
            innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;

            if (innerDoc == null){
                            // Google Chrome
                frame.height = document.all[idframe].clientHeight + document.all[idframe].offsetHeight + document.all[idframe].offsetTop;
            }
                    else{
                    objToResize = (frame.style) ? frame.style : frame;
                    objToResize.height = innerDoc.body.scrollHeight + 18 + "px";
                    }
        }

        catch(err){
                alert('Err: ' + err.message);
            window.status = err.message;
        }
    }
//-->
    </script>


onload="if (window.parent && window.parent.autoIframe) {window.parent.autoIframe('idframe');}"

7 comentarios:

  1. Parece buena tu solución, pero no me funciona con IE8, FF 4 o superior y bueno lo de menos es con Chrome que tampoco funciona

    ResponderEliminar
    Respuestas
    1. a mi en IE y FF si que me funciona... el único que me da problemas es el Chrome xD

      Eliminar
  2. Tienes buenos articulos, Felicitaciones por tu Blog, Visita tambien el mio, comenta, suscribete y sigueme, que yo tambien hare lo mismo, gracias.

    ResponderEliminar
  3. Muy bueno tu tutorial, te felicito, pero tengo un problemita XD, aunque hice todo a regla contigo al actualizar o abrir la pagina no me muestra el iframe, al hacerle click al menu me aparece, pero al iniciarla no...
    agradecería una respuesta
    de ante mano muchas gracias

    ResponderEliminar
  4. Buen tutorial, te felicito perro, excelentes tus videos. solo tengo un problema, al crear el iframe y recargar la paguina no se ve, si le hago click al menu que seleccione aparece y se mantiene la misma url...
    si podrias ayudarme con ese problema pls
    de ante mano muchas gracias

    ResponderEliminar
  5. Hola te cuento que estamso a 25 de marzo del 2013, el mundo no se acabó y acabo de necesitar este buen tutorial, que funcionó perfecto en firefox, sin embargo ni en explorer ni en chrome, de hecho en chrome aprece que suma las dimenciones porque cada vez que uno salta de un link a otro se hace más grande... Sabes si ya existe solución al respecto?

    ResponderEliminar
  6. ya probaste en otros navegadores?

    ResponderEliminar