'; winimg.document.writeln(doc); winimg.document.close(); } //]]>

Redimensionamiento dinámico de Iframes

Author: Sergio Mejias Sánchez

Mediante este código en javascript, podremos hacer que el iframe se redimensione al cargar la página, con el tamaño del contenido.

PLAIN TEXT
JavaScript:
  1. <!– Dynamically Resize iFrame height by iframe id.  –>
  2. <script>
  3. function iFrameHeight(iframeName)
  4. {
  5.     if(document.getElementById && !(document.all))
  6.     {
  7.         h = document.getElementById(iframeName).contentDocument.body.scrollHeight;
  8.         document.getElementById(iframeName).height = h;
  9.     }
  10.     else if(document.all)
  11.     {
  12.         h = document.frames(iframeName).document.body.scrollHeight;
  13.         document.all[iframeName].height = h;
  14.     }
  15. }
  16. </script>

Agregar el siguiente código en la definición del iframe

PLAIN TEXT
HTML:
  1. <iframe onLoad=“iFrameHeight(’events’);” id=“events” src=“events.php” scrolling=“no” marginwidth=“0″ marginheight=“0″ frameborder=“0″ vspace=“0″ hspace=“0″ width=“100%”></iframe>

3 Comments so far

  1. BernyAsper on Mayo 9th, 2007

    Muy bueno, pero funciona solo para Explorer. Sabes como seria para FF u Opera?

  2. Hady on Noviembre 14th, 2007

    Hola, no me funciona tu código, por favor, ¿puedes decirme si en la página que llamo tiene que tener algún código especial??

    Gracias.

  3. StickBoy on Agosto 18th, 2008

    En realidad el código tiene un pequeño fallo…
    La parte para Internet Explorer está bien (la de “if(document.all)”), pero en la parte anterior (resto de navegadores), la línea siete debería ser

    h = document.getElementById(iframeName).contentDocument.body.offsetHeight;

Leave a reply

Levitra alternatives I hope you know that generic buy viagra.
Get viagra buy viagra no script. Viagra Video on the Web amazing effect mail order viagra online buy viagra 100mg.