Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2018, 10:31
Профессор
Отправить личное сообщение для Igorsrt Посмотреть профиль Найти все сообщения от Igorsrt
 
Регистрация: 21.02.2016
Сообщений: 271

Автоматическая высота iframe 100%
Здравствуйте!
Никак не получается решить задачу: Есть гугл-форма, которую я хочу вставить на страницу сайта wordpress с помощью iframe. Проблема в том, что нужно что бы эта форма отображалась целиком (без вертикальной полосы прокрутки) на экранах любой ширины. Насколько я понял в css height: 100% работать с iframe не будет и нужен какой-нибудь jquery скрипт, который должен пересчитывать высоту для iframe в пикселях уже после его загрузки... но в Интернете пока ничего подходящего не нашел (ну или у меня руки совсем кривые).
Пример формы:
<iframe id="ifr" src="https://docs.google.com/forms/d/e/1FAIpQLSdhHlHbeqXAnAlIkYgNGrP53NftgAym2eZBsVCZrkxwTWd1TQ/viewform?embedded=true" width="760" frameborder="0" marginheight="0" marginwidth="0">Загрузка...</iframe>

Последний раз редактировалось Igorsrt, 07.04.2018 в 10:37.
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2018, 13:55
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Как вариант, в страницу поставить ссылку на эту форму

<a id="invitation" href="https://docs.google.com/forms/d/e/1FAIpQLSdhHlHbeqXAnAlIkYgNGrP53NftgAym2eZBsVCZrkxwTWd1TQ/viewform" target="_blank">Приглашение на вечеринку</a>
<style>
#invitation {
  background: #3f51b5;
  padding: 1em;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 4px;
  font: bold 1em Arial, sans-serif;
}
</style>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
colorbox iframe высота по наполнению контента Maroon Events/DOM/Window 0 19.05.2017 16:52
Вставка контента на страницу: div vs iframe hrundel Общие вопросы Javascript 8 23.08.2016 07:48
Высота iframe saber135791 jQuery 13 30.09.2013 12:02
получение ссылки на iframe из содержимого в этом iframe mister_maxim Events/DOM/Window 5 15.02.2013 22:48
Изменить параметр тега iframe AlexM jQuery 2 26.01.2012 12:05