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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

свернуть окошко помощи (iframe)

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

Перейти вниз

Решено свернуть окошко помощи (iframe)

Сообщение автор literrary Февраль 7th 2023, 16:08

у меня над темами - окошко помощи, ифрейм, в нём картинки ,
как бы сделать чтобы была кнопка скрытия/раскрытия? а по умолчанию раскрыто


Последний раз редактировалось: literrary (Февраль 7th 2023, 20:10), всего редактировалось 1 раз(а)
literrary
literrary
 

Мужчина

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

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

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

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

Решено Re: свернуть окошко помощи (iframe)

Сообщение автор Ilya Февраль 7th 2023, 19:49

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

Правильно ли я понимаю, что блок iframe у Вас вставлен в шаблон viewtopic_body?
Если да, тогда:

ПА - Оформление - Шаблоны - Общие настройки - viewtopic_body

Найдите:

Код:
<iframe width="700" height="480" src="https://stihi-podval.forumotion.com/h1-page"></iframe>

После этого кода, вставьте этот:

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

Сохранить. Опубликовать.

ПА - Оформление - Цвета & CSS - Каскадная таблица стилей CSS

Вставьте этот код:

Код:
.btn_iframe {
  width: 300px;
  height: 20px;
  background-color: #eee;
  border: 1px solid grey;
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  margin: 20px auto;
  padding: 15px 0;
}

Сохранить.

Это просто стилизация кнопки.

Если хотите добавить эффект "запоминания", то есть пользователь один раз закроет инструкцию и просмотреть ее сможет только после нажатия на кнопку "Показать инструкцию", тогда в шаблоне viewtopic_body в место выше указанного кода вставьте этот код:

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

Результат:

свернуть окошко помощи (iframe) Screen17

свернуть окошко помощи (iframe) Screen16
Ilya
Ilya
Помощник
Помощник

Мужчина

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

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

https://help.forum2x2.ru

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

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

Решено Re: свернуть окошко помощи (iframe)

Сообщение автор literrary Февраль 7th 2023, 20:02

С П А С И Б О
тема решена



literrary
literrary
 

Мужчина

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

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

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

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

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

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

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