изменение размера iframe с возвратом jquery

Question

У меня есть страница wordpress, которая включает iframe. Этот iframe содержит 3 iframes, уложенных один под другим, и они увеличиваются по высоте при добавлении данных в базу данных. Я хочу, чтобы они автоматически изменяли размер и много исследовали, чтобы найти решение. Все страницы находятся на моем собственном сервере. У меня это работает в Chrome, Opera и Maxthon, но некоторые из моих членов настаивают на использовании Firefox &, скрипт не работает на FF.

Это пример одного из фреймов быть изменен:

<iframe src="a page on my domain" width="100%" height="100%" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe> 

Вот мой код:

<script> 
    function autoResize(id){ 
     var newheight; 
     var newwidth; 
      if(document.getElementById){ 
      newheight=document.getElementById(id).contentWindow.document .body.scrollHeight; 
      newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth; 
      } 
     document.getElementById(id).height= (newheight) + "px"; 
     document.getElementById(id).width= (newwidth) + "px"; 
    } 
</script> 

Если только он будет работать в Firefox, я был бы счастлив :)

Answer 1

Удалить высота = "100%"

$ (функция() { $ ('iframe'). Height ($ ('iframe'). Contents(). Height()); });