Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Проблема с загрузкой форумаавтор Леона Март 28th 2023, 08:04
» Почему-то в приветствии на главной странице в общей информации наверху форума образуется пустое пространство?
автор IceQueen Март 27th 2023, 15:28
» Почему в последнее время форум постоянно недоступен
автор literrary Март 24th 2023, 20:59
» Изменение ширины колонок на главной странице
автор literrary Март 22nd 2023, 11:50
» Аватар на виджете
автор ॐΣΛΣΝΑॐ Март 21st 2023, 16:14
» кнопка "к последнему сообщению"
автор literrary Март 21st 2023, 08:35
» скриншот главной и темы с мобильного
автор literrary Март 18th 2023, 10:28
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор literrary Март 16th 2023, 17:50
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор нури Март 15th 2023, 00:34
» Как закрепить тему или несколько тем справа среди "Последние темы"
автор Ilya Март 13th 2023, 11:07
без загрузки в закрытом состоянии,ифрейм
Участников: 2
Страница 1 из 1
без загрузки в закрытом состоянии,ифрейм
вот код
что мне дал Илья. как сделать чтобы в закрытом состоянии не загружался ифрейм?
спасибо
- Код:
.........<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 раз(а)
Re: без загрузки в закрытом состоянии,ифрейм
впрочем если трудно то и так сойдёт,я почистил кэш и стало нормально загружаться,а то что сначала ифрейм появляется может напомнить пользователям о нём
Re: без загрузки в закрытом состоянии,ифрейм
ту тему удалите, както продублировалась
у меня все время сбрасывается этот форум -именно этот--и перехожу для перезагрузки на другой а потом назад
у меня все время сбрасывается этот форум -именно этот--и перехожу для перезагрузки на другой а потом назад
Re: без загрузки в закрытом состоянии,ифрейм
Добрый вечер!
Это можно сделать, переписав немного код, который был предложен мной ранее.
Только по умолчанию блока iframe не будет, пока пользователь не нажмет на кнопку "Показать инструкцию".
То есть, например, новому польователю по умолчанию не будет видно блока, пока он не нажмет на кнопку.
Такой вариант подойдет?
Это можно сделать, переписав немного код, который был предложен мной ранее.
Только по умолчанию блока iframe не будет, пока пользователь не нажмет на кнопку "Показать инструкцию".
То есть, например, новому польователю по умолчанию не будет видно блока, пока он не нажмет на кнопку.
Такой вариант подойдет?
Интересные ссылки: Правила форума | Туториалы | Генератор заказов | Правила раздела "Стол заказов"
Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами
Re: без загрузки в закрытом состоянии,ифрейм
Могу предложить этот код, в место того, который Вы указали.
Принцип работы такой же, как и был. Только блок iframe создается с помощью JS.
Эмулировал низкую скорость интернет соединения - достаточно быстро загрузилась инструкция.
- Код:
<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 поставил(а) лайк
Re: без загрузки в закрытом состоянии,ифрейм
Ilya, даа! быстро
спасибо большое!
тема решена
удивительно!
спасибо большое!
тема решена
удивительно!

» без загрузки в закрытом состоянии,ифрейм
» Отображение списка в развёрнутом состоянии
» Как 1 баннер "ифрейм" переместить около лого форума?
» Регистрация, на закрытом форуме
» Гость в закрытом форуме
» Отображение списка в развёрнутом состоянии
» Как 1 баннер "ифрейм" переместить около лого форума?
» Регистрация, на закрытом форуме
» Гость в закрытом форуме
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения