Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Пакеты Forum 2x2автор Dana Domirani Вчера в 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
без загрузки в закрытом состоянии,ифрейм
Участников: 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
Права доступа к этому форуму:
Вы не можете отвечать на сообщения