Мне нужно скрыть div когда скрылся iframe

@G-Force53 · Регистрация: 29.10.2014

Студворк — интернет-сервис помощи студентам

Мне нужно скрыть div когда скрылся iframe

<div>
<iframe id="kod" style="display: none;" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>
</div>

Спасибо за внимание, напишите пожалуйста если сталкивались с этим!

@whiteapps · 13.07.2015, 19:08

G-Force53, что для вас означает "скрылся iframe"?

@G-Force53 · 13.07.2015, 19:22 **[ТС]**

whiteapps, <iframe id="kod" frameborder="0" scrolling="no" allowfullscreen="true"></iframe> - показывает видео + style="display: none;" (скрывается) а после этого срабатывает для div +style="display: none;"

@whiteapps · 13.07.2015, 19:40

G-Force53, почему бы, в тот момент когда вы делаете style="display: none;" для iframe, не поставить style="display: none;" сразу для div?

@G-Force53 · 13.07.2015, 19:45 **[ТС]**

whiteapps, Суперский вопрос, дело в том, что это видео реклама и я хочу сделать, когда рекламодатель скрывает видео, скрывалось оформление для видео. Код рекламодателя у меня возможности редактировать нет!

@whiteapps · 13.07.2015, 19:57

G-Force53,
1) если не хотите суперских вопросов, описывайте сразу ситуацию, а не вынуждайте вытягивать из вас клещами информацию
2) https://developer.mozilla.org/... onObserver

@G-Force53 · 13.07.2015, 20:19 **[ТС]**

whiteapps, Я вас ничем не хотел обидеть, 2 что вы прислали, как это может относится к теме, или чего то не понимаю

@whiteapps · 14.07.2015, 01:41

G-Force53,

HTML5
1
<div id="div">dfgdfg<iframe id="iframe"></iframe></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var iframe = document.getElementById('iframe');
var div    = document.getElementById('div');
 
new MutationObserver(function(m) {
    m.forEach(function(rec) {
        if('none' === rec.target.style.display) div.style.display = 'none';
    });    
}).observe(iframe, {
    attributeOldValue : true,
    attributes : true,
    attributeFilter : ['style']
});
 
setTimeout(function () {
    iframe.style.display = 'none';
}, 3000);

https://jsfiddle.net/n4r06o1s/

@G-Force53 · 14.07.2015, 13:16 **[ТС]**

whiteapps,

не подскажите за что отвечает эта строчка ?

C++
1
2
3
setTimeout(function () {
    iframe.style.display = 'none';
}, 3000);

@amadey18 · 14.07.2015, 16:51

G-Force53, через 3 секунды скроет фрейм

@G-Force53 · 14.07.2015, 17:09 **[ТС]**

C++
1
2
3
4
5
6
7
8
9
10
11
12
var iframe = document.getElementById('iframe');
var div    = document.getElementById('div');
 
new MutationObserver(function(m) {
    m.forEach(function(rec) {
        if('none' === rec.target.style.display) div.style.display = 'none';
    });    
}).observe(iframe, {
    attributeOldValue : true,
    attributes : true,
    attributeFilter : ['style']
});

я оставил только этот код, я правильно понимаю если iframe (none) то скрывается div (none) ?

C++
1
2
3
setTimeout(function () {
    iframe.style.display = 'none';
}, 3000);

а зачем тут секундомер на скрытие?

@amadey18 · 15.07.2015, 08:01

Сообщение от G-Force53

я правильно понимаю если iframe (none) то скрывается div (none) ?

да првильно

Сообщение от G-Force53

JavaScript
1
if('none' === rec.target.style.display) div.style.display = 'none';

именно здесь проходит проверка

Сообщение от G-Force53

а зачем тут секундомер на скрытие?

для примера, чтобы кнопку не пилить дополнительную, само все сделает.

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

@G-Force53 1 / 1 / 0 Регистрация: 29.10.2014 Сообщений: 16

	Мне нужно скрыть div когда скрылся iframe 13.07.2015, 18:52. Показов 1862. Ответов 11 Метки нет (Все метки) Мне нужно скрыть div когда скрылся iframe <div> <iframe id="kod" style="display: none;" frameborder="0" scrolling="no" allowfullscreen="true"></iframe> </div> Спасибо за внимание, напишите пожалуйста если сталкивались с этим! 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	13.07.2015, 19:08
	G-Force53, что для вас означает "скрылся iframe"? 0

@G-Force53 1 / 1 / 0 Регистрация: 29.10.2014 Сообщений: 16
	13.07.2015, 19:22 [ТС]
	whiteapps, <iframe id="kod" frameborder="0" scrolling="no" allowfullscreen="true"></iframe> - показывает видео + style="display: none;" (скрывается) а после этого срабатывает для div +style="display: none;" 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	13.07.2015, 19:40
	G-Force53, почему бы, в тот момент когда вы делаете style="display: none;" для iframe, не поставить style="display: none;" сразу для div? 0

@G-Force53 1 / 1 / 0 Регистрация: 29.10.2014 Сообщений: 16
	13.07.2015, 19:45 [ТС]
	whiteapps, Суперский вопрос, дело в том, что это видео реклама и я хочу сделать, когда рекламодатель скрывает видео, скрывалось оформление для видео. Код рекламодателя у меня возможности редактировать нет! 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	13.07.2015, 19:57
	G-Force53, 1) если не хотите суперских вопросов, описывайте сразу ситуацию, а не вынуждайте вытягивать из вас клещами информацию 2) https://developer.mozilla.org/... onObserver 0

@G-Force53 1 / 1 / 0 Регистрация: 29.10.2014 Сообщений: 16
	13.07.2015, 20:19 [ТС]
	whiteapps, Я вас ничем не хотел обидеть, 2 что вы прислали, как это может относится к теме, или чего то не понимаю 0

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	14.07.2015, 16:51
	G-Force53, через 3 секунды скроет фрейм 0

Мне нужно скрыть div когда скрылся iframe

Решение