HTML - Redimensinar IFrame según su contenido

Pos: 114

Val: 12

Redimensinar IFrame según su contenido

Publicado por gonzalo (8 intervenciones) el 21/04/2017 19:54:51

estoy usando un IFrame para mostrar una tabla, el problema es que tengo las dimenciones del iframe fijas,
algunas veces la tabla muestra mas columnas o menos columnas dependiendo de la solcitud del clente.
es posible ajustar el iframe al ancho de la tabla?

salu2

este es el ejemplo que estoy usando.

<iframe src="Solicitud.php" style="height:600px;width:250px;overflow:auto;">

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 1.144

Redimensinar IFrame según su contenido

Publicado por xve (1543 intervenciones) el 22/04/2017 12:31:23

Hola Gonzalo, si la pagina que carga el iframe es del mismo dominio, puedes hacerlo...

En la pagina que tiene el iframe, tienes que tener algo como:

<script>

  // Resize iframe to full height

  function resizeIframe(height)

    // "+60" is a general rule of thumb to allow for differences in

    // IE & and FF height reporting, can be adjusted as required..

    document.getElementById('frame_name_here').height = parseInt(height)+60;

</script>

<iframe id='frame_name_here' src='http://www.bar.net/framed.html'></iframe>

Y en la pagina que se inserta dentro del iframe, algo como:

<html>

<!--

This page is on the same domain as the parent, so can

communicate with it to order the iframe window resizing

to fit the content

-->

  <body onload="parentIframeResize()">

    <script>

      // Tell the parent iframe what height the iframe needs to be

      function parentIframeResize()

         var height = getParam('height');

         // This works as our parent's parent is on our domain..

         parent.parent.resizeIframe(height);

      // Helper function, parse param from request string

      function getParam( name )

        name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

        var regexS = "[\\?&]"+name+"=([^&#]*)";

        var regex = new RegExp( regexS );

        var results = regex.exec( window.location.href );

        if( results == null )

          return "";

        else

          return results[1];

    </script>

  </body>

</html>

De esta manera, desde el código de la pagina que se carga dentro del iframe, envías la altura al parent, es decir a la pagina que carga el iframe.

http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content

Valora esta respuesta