iframe Automatyczna regulacja wysokości jako zmiany zawartości
Mam iframe, jak widać na poniższym linku; -
Iframe to rezerwacja online na środku ekranu. Mam problem z tym, że chociaż wysokość iframe jest dobra, gdy strona się ładuje, potrzebuję jej, aby jakoś automatycznie dostosowała wysokość podczas dostosowywania zawartości strony. Na przykład, jeśli wykonam wyszukiwanie kodu pocztowego w rezerwacji online, tworzy menu rozwijane, a następnie przycisk „Następny krok” nie jest widoczny.
Muszę się zdarzyć, że gdy zmieni się treść rezerwacji online, auto iframe automatycznie dostosuje się do nowej wysokości ramki iframe (dynamicznie), ponieważ nie ładuje żadnych innych stron.
Próbowałem rozwiązać ten problem za pomocą kilku różnych skryptów używających jquery, ale wszystkie one wydają się automatycznie dostosowywać wysokość ramki iframe po pierwszym załadowaniu strony inie zmienia się zawartość ramki iframe.
Czy to w ogóle możliwe?
Kod, który mam w tej chwili, ma teraz ustaloną wysokość: -
<div id="main-online-booking">
<iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0"></iframe>
</div>
#main-online-booking {
height: 488px;
border-bottom: 6px #939393 solid;
border-left: 6px #939393 solid;
border-right: 6px #939393 solid;
z-index: 4;
background-color: #fff;
}
.booking-dimensions {
width: 620px;
height: 488px;
}
Jeśli ktoś może mi w tym pomóc, byłbym bardzo wdzięczny!