Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

без загрузки в закрытом состоянии,ифрейм Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

без загрузки в закрытом состоянии,ифрейм Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

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

Участников: 2

Перейти вниз

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

Сообщение автор 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 (Февраль 23rd 2023, 16:15), всего редактировалось 1 раз(а)
literrary
literrary
 

Мужчина

Сообщения : 198
Возраст : 73
Регистрация : 2020-09-23
Благодарности : 10

Без предупреждений

https://stihi-podval.forumotion.com/

Вернуться к началу Перейти вниз

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

Сообщение автор literrary Февраль 21st 2023, 19:07

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

Мужчина

Сообщения : 198
Возраст : 73
Регистрация : 2020-09-23
Благодарности : 10

Без предупреждений

https://stihi-podval.forumotion.com/

Вернуться к началу Перейти вниз

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

Сообщение автор literrary Февраль 21st 2023, 21:08

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

Мужчина

Сообщения : 198
Возраст : 73
Регистрация : 2020-09-23
Благодарности : 10

Без предупреждений

https://stihi-podval.forumotion.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Ilya Февраль 21st 2023, 21:22

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

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

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

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


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами
Ilya
Ilya
Помощник
Помощник

Мужчина

Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1518

Без предупреждений

https://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор literrary Февраль 22nd 2023, 07:03

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

Мужчина

Сообщения : 198
Возраст : 73
Регистрация : 2020-09-23
Благодарности : 10

Без предупреждений

https://stihi-podval.forumotion.com/

Вернуться к началу Перейти вниз

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

Сообщение автор 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.
Эмулировал низкую скорость интернет соединения - достаточно быстро загрузилась инструкция.


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами
Ilya
Ilya
Помощник
Помощник

Мужчина

Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1518

Без предупреждений

https://help.forum2x2.ru

literrary поставил(а) лайк

Вернуться к началу Перейти вниз

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

Сообщение автор literrary Февраль 23rd 2023, 16:14

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

Мужчина

Сообщения : 198
Возраст : 73
Регистрация : 2020-09-23
Благодарности : 10

Без предупреждений

https://stihi-podval.forumotion.com/

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения