Company logo
  • Empleos
  • Bootcamp
  • Acerca de nosotros
  • Para profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
    • Bootcamp
  • Para empresas
    • Inicio
    • Nuestro proceso
    • Planes
    • Pruebas
    • Nómina
    • Blog
    • Comercial
    • Calculadora

0

74
Vistas
iframe auto-resizing by id's

I'm having problems with auto resizing (height) of iFrames by id’s Is there a way to automatically generate the size of the iframe (height) based on the ids? The current code works, but unfortunately, it only captures the first iframe and I want to display the iframes based on the original height. Any suggestions, inputs, many thx. for all answers

Below the code, what I have tried:

<table width="100%" align="center" border="0">
    <tr><td valign="top" align="left">
        <table border="0">
            <tr><td align="center">
                <iframe id="menu" onLoad=" calchght();" src="./xxxxxx.html" scrolling="no" frameborder="0"></iframe>
            </td></tr>
        </table>
        </td>
        <td width="100%" valign="top">
        <iframe id="pageframe" onLoad=" calchght();" src="./xxxxxx.html" scrolling="no" frameborder="0"></iframe>   
    </td></tr>
</table>


<script language="JavaScript">
function calchght()
{
  //find the height of the page
  var heightframe=
    document.getElementById('pageframe').contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('pageframe').height= heightframe;
}
</script>


<script language="JavaScript">
function calchght()
{
  //find the height of the page
  var heightframe=
    document.getElementById('menu').contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('menu').height= heightframe;
}
</script>

Additional code, but this is checking all iframes not based on the id’s

  var framefenster = document.getElementsByTagName("iFrame");
  var auto_resize_timer = window.setInterval("autoresize_frames()", 400);
  function autoresize_frames() {
    for (var i = 0; i < framefenster.length; ++i) {
        if(framefenster[i].contentWindow.document.body){
          var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
          if(document.all && !window.opera) {
            framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
          }
              framefenster_size = (framefenster_size+10);
          framefenster[i].style.height = framefenster_size + 'px';
        }
    }
  }
7 months ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos