Динамически корректировать высоту двух взаимных исходных фреймов на одной странице (формы Пардо) - PullRequest
0 голосов
/ 24 января 2020

У меня есть две формы Пардо на одной странице, с разной высотой. Одна - это форма для скачивания в формате PDF, а другая - более крупная контактная форма.

Я нашел этот код, и, кажется, он отлично работает для страницы с одной формой:

<script type="text/javascript">
  var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  var eventer = window[eventMethod];
  var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  eventer(messageEvent, function(e) {
    if (isNaN(e.data)) return;
    document.getElementById('pdf-form').style.height = e.data + 'px';
  }, false);
</script>
<iframe id="pdf-form" src="https://example.com/iframesource" width="100%" type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>

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

Форма PDF по умолчанию скрыта и отображается только после нажатия кнопки для переключения расширяющегося элемента div. Если кто-то снова нажмет кнопку, чтобы закрыть расширяющийся элемент div, контактная форма исчезнет со страницы, когда раздел PDF-формы свернется. Переключение div снова показывает форму PDF на правильной высоте, но форма контакта унаследовала меньшую высоту PDF.

Мне трудно найти решение для этого, чтобы обратиться к двум iframes на одной странице независимо друг от друга.

...