iframe Auto Adjust Height при изменении содержимого

У меня есть iframe, как вы можете видеть по следующей ссылке: -

http://one2onecars.com

Iframe - это онлайн-бронирование в центре экрана. У меня проблема в том, что хотя высота iframe в порядке при загрузке страницы, мне нужно как-то автоматически регулировать высоту при настройке содержимого страницы. Например, если я выполняю поиск по почтовому индексу в онлайн-бронировании, он создает раскрывающееся меню, а затем делает кнопку «Следующий шаг» недоступной для просмотра.

Что мне нужно сделать, так это то, что при изменении содержимого онлайн-бронирования iframe автоматически подстраивается под новую высоту iframe (динамически), поскольку она не загружает другие страницы.

Я пробовал несколько разных скриптов, используя jquery, чтобы попытаться решить эту проблему, но все они, кажется, автоматически регулируют высоту iframe, когда страница загружается впервые ине как содержимое iframe меняется.

Это вообще возможно сделать?

Код, который у меня есть на данный момент, имеет заданную высоту: -

        <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;
}

Если кто-нибудь может помочь мне с этим, я был бы очень признателен!

Ответы на вопрос(4)

Ваш ответ на вопрос