Как обновить высоту iframe?

Question

Как обновить высоту iframe?

Parent.html

<iframe onload="iframeLoaded('settings')" id="settings" src="myIframe.html" frameborder="0" border="0" cellspacing="0" style="border-style: none;width: 100%;"></iframe> 

родителя расслоение плотной

 function iframeLoaded(meth) { 
      var iFrameID = document.getElementById(meth); 
      if(iFrameID) { 
       iFrameID.height = ""; 
       iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; 
      } 
     } 

---

первая нагрузка myIframe.html

<button id="display_all">view more</button> 
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit....</div> 

после нажатия на вид более ИНГ myIframe.html, в содержимое отобразит это

Lorem ipsum dolor sit amet, consectetur adipiscing elit morbi vel orci nisl. Sed sit amet maximus nulla. Nunc sit amet lectus non ante venenatis aliquam eget ut erat. Sed vitae gravida diam, ac pharetra magna. Nullam leo nibh, rhoncus eget arcu vel, hendrerit dapibus libero. Donec purus ligula, mollis quis erat a, aliquam pharetra tortor. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget. 

Теперь моя проблема заключается в следующем, на 1-й нагрузке высоты ок (Becaue из JS iframeLoaded) не отображается никакой вертикальная прокрутка, но когда я нажимаю вид больше кнопок (для отображения другого текста) вертикальная появится прокрутка.

Как изменить размер высоты iframe при нажатии кнопки (просмотреть больше) внутри iframe, чтобы вертикальный свиток был удален?

Btw родительский и iframe работает в одном URL-адресе.

Сообщите мне, у вас есть вопросы, чтобы сделать его более понятным. Любая помощь будет оценена, и я благодарю вас заранее! :)

Answer 1

В: IFRAME

$("display_all").click(function() { 
    parent.$("body").trigger("eventName"); 
}); 

В вмещающего корпуса

$("body").on("eventName", function() { 
    $("#settings").height(yourHeightVal); 
});