без загрузки в закрытом состоянии,ифрейм

автор literrary Февраль 21st 2023, 17:11

вот код

Код:: .........<iframe width="700" height="520" src="https://stihi-podval.forumotion.com/h1-page"></iframe> <div class='btn_iframe'>Скрыть инструкцию</div> <script> $(document).ready(function() { let iframeInstruction = $('iframe[src="https://stihi-podval.forumotion.com/h1-page"]'); let btnIframe = $('.btn_iframe'); btnIframe.click(function() { if (btnIframe.text() === 'Скрыть инструкцию') { btnIframe.text('Показать инструкцию'); iframeInstruction.css("display", "none"); localStorage.setItem('btniframe','off'); } else if (btnIframe.text() === 'Показать инструкцию') { btnIframe.text('Скрыть инструкцию'); iframeInstruction.css("display", "block"); localStorage.removeItem('btniframe'); }; }); if (localStorage.getItem('btniframe') === 'off') { btnIframe.text('Показать инструкцию'); iframeInstruction.css("display", "none"); } else { localStorage.removeItem('btniframe'); }; }); </script>

что мне дал Илья. как сделать чтобы в закрытом состоянии не загружался ифрейм?
спасибо

автор literrary Февраль 21st 2023, 19:07

впрочем если трудно то и так сойдёт,я почистил кэш и стало нормально загружаться,а то что сначала ифрейм появляется может напомнить пользователям о нём

автор literrary Февраль 21st 2023, 21:08

ту тему удалите, както продублировалась
у меня все время сбрасывается этот форум -именно этот--и перехожу для перезагрузки на другой а потом назад

автор **Ilya** Февраль 21st 2023, 21:22

Добрый вечер!

Это можно сделать, переписав немного код, который был предложен мной ранее.
Только по умолчанию блока iframe не будет, пока пользователь не нажмет на кнопку "Показать инструкцию".

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

Такой вариант подойдет?

автор literrary Февраль 22nd 2023, 07:03

Ilya, нет так не пойдет,
ладно не нужно

автор **Ilya** Февраль 22nd 2023, 12:32

Могу предложить этот код, в место того, который Вы указали.

Код:: <div class='iframe_area'></div> <div class='btn_iframe'>Скрыть инструкцию</div> <script> $(document).ready(function() { let iframeArea = document.querySelector('.iframe_area'); let btnIframe = $('.btn_iframe'); if (btnIframe.text() === 'Скрыть инструкцию') { if (iframeArea.querySelector('iframe') === 'null') { iframeArea.insertAdjacentHTML('beforeend', '<iframe width="700" height="480" src="https://stihi-podval.forumotion.com/h1-page"></iframe>'); } } else { iframeArea.querySelector('iframe').remove(); } btnIframe.click(function() { if (btnIframe.text() === 'Скрыть инструкцию') { btnIframe.text('Показать инструкцию'); localStorage.setItem('btniframe','off'); iframeArea.querySelector('iframe').remove(); } else if (btnIframe.text() === 'Показать инструкцию') { btnIframe.text('Скрыть инструкцию'); localStorage.removeItem('btniframe'); iframeArea.insertAdjacentHTML('beforeend', '<iframe width="700" height="480" src="https://stihi-podval.forumotion.com/h1-page"></iframe>'); }; }); if (localStorage.getItem('btniframe') === 'off') { btnIframe.text('Показать инструкцию'); iframeArea.querySelector('iframe').remove(); } else { localStorage.removeItem('btniframe'); iframeArea.insertAdjacentHTML('beforeend', '<iframe width="700" height="480" src="https://stihi-podval.forumotion.com/h1-page"></iframe>'); }; }); </script>

Принцип работы такой же, как и был. Только блок iframe создается с помощью JS.
Эмулировал низкую скорость интернет соединения - достаточно быстро загрузилась инструкция.

автор literrary Февраль 23rd 2023, 16:14

Ilya, даа! быстро
спасибо большое!
тема решена
удивительно!

без загрузки в закрытом состоянии,ифрейм

без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм

Re: без загрузки в закрытом состоянии,ифрейм