VBsupport перешел с домена .ORG на родной .RU
Ура!
Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей
Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже: Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота. Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
Всем привет!
Друзья, столкнулся с такой проблемой, установил на форум модальное окно, и хочу в него запихнуть информер, но проблема в том, что при каждом обновлении страницы, загружается этот информер, а это влияет на скорость загрузки, и вообще не удобно...
Хочется сделать так, что бы информер загружался только после активации модального окна, а после закрытия окна, что бы информер прекращал загружать данные.
Хотел найти подобное в поисковике, но даже не знаю как запрос сформулировать
Задавал этот вопрос на форуме джаваскрипт, но они со мной говорят как с профессионалом, все что я понял с ихних слов - это буквы
Собственно не то что прошу, а умаляю помочь, подкорректировать существующее модальное окно, или ткнуть носом в готовый пример с загрузкой данных по открытию, и остановкой потока данных по закрытию окна...
Вот это окно уже установлено на форуме:
Code:
$(document).ready(function() { // вся магия после загрузки страницы
$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
event.preventDefault(); // выключаем стандартную роль элемента
$('#overlay').fadeIn(400, // сначала плавно показываем темную подложку
function(){ // после выполнения предъидущей анимации
$('#modal_form')
.css('display', 'block') // убираем у модального окна display: none;
.animate({opacity: 1, top: '50%'}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
});
});
/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
$('#modal_form')
.animate({opacity: 0, top: '45%'}, 200, // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
function(){ // после анимации
$(this).css('display', 'none'); // делаем ему display: none;
$('#overlay').fadeOut(400); // скрываем подложку
}
);
});
});
HTML Code:
<p><a href="#" id="go">Ссылка с окном</a></p><div id="modal_form"><span id="modal_close">X</span>
тут информер которому нужно загружаться только после открытия...
</div><div id="overlay"></div>
Теперь смело выходите в окно. Любой нормальный юзер больше никогда не зайдет на форум, где админ настолько ох**л что тычет в нос своими модальными окнами.
По сути вопроса. Контент начинает загружаться браузером в момент его добавления в DOM. Поэтому здесь важно не как у вас выглядит ваш HTML-код, а как и где он изначально расположен. Из того, что вы привели, это не ясно. Этот HTML тупо внизу страницы размещен? Тогда он и будет грузиться независимо от того в каком виде вы его показываете.
@Corn540
Простоузер
Join Date: Mar 2015
Posts: 80
Версия vB: 3.8.x
Пол:
Reputation:
Novice 1
Репутация в разделе: 0
0
Quote:
Originally Posted by Sellrion
Теперь смело выходите в окно. Любой нормальный юзер больше никогда не зайдет на форум, где админ настолько ох**л что тычет в нос своими модальными окнами.
По сути вопроса. Контент начинает загружаться браузером в момент его добавления в DOM. Поэтому здесь важно не как у вас выглядит ваш HTML-код, а как и где он изначально расположен. Из того, что вы привели, это не ясно. Этот HTML тупо внизу страницы размещен? Тогда он и будет грузиться независимо от того в каком виде вы его показываете.
Да нет, модальное окно не напрягает пользователей, и активируется только по желанию пользователя, это не из тех что выскакивают сами, окно активируется по кнопке...
Загрузку данных после активации окна и прекращения потока данных после закрытия окна - можно сделать, и даже сделали на форуме джаваскрипт, но тогда руки не дошли и демо был удален, а сейчас тот человек что помог, не появляется на форуме...
Вот я и подумал, что может тут помогут...
Corn540 добавил 31.05.2015 в 11:33
Забыл, может можно сделать так, что бы информер в этом окне загружался в последнюю очередь?
Last edited by Corn540 : 05-31-2015 at 12:33 PM.
Reason: Добавлено сообщение
Sellrion
Kernel panic
Join Date: Aug 2007
Location: Екатеринбург
Posts: 2,536
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 1920
Репутация в разделе: 39
1
Quote:
Originally Posted by Corn540
можно сделать
Я говорил что нельзя? Еще раз, если HTML вашего окна вместе с информером в нем изначально включен в веб-страницу, то он будет грузиться вместе со страницей. Чтобы информер грузился отдельно его изначально не должно быть в HTML коде и добавляться он должен туда через джаваскрипт. Например через innerHTML или appendChild. Тоже самое с очередностью. Как будет добавляться в таком порядке и будет грузиться.
@Corn540
Простоузер
Join Date: Mar 2015
Posts: 80
Версия vB: 3.8.x
Пол:
Reputation:
Novice 1
Репутация в разделе: 0
0
Quote:
Originally Posted by Sellrion
Я говорил что нельзя? Еще раз, если HTML вашего окна вместе с информером в нем изначально включен в веб-страницу, то он будет грузиться вместе со страницей. Чтобы информер грузился отдельно его изначально не должно быть в HTML коде и добавляться он должен туда через джаваскрипт. Например через innerHTML или appendChild. Тоже самое с очередностью. Как будет добавляться в таком порядке и будет грузиться.
А как это сделать, у вас есть пример??
kerk
k0t
Join Date: May 2005
Location: localhost
Posts: 28,658
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 20247
Репутация в разделе: 247
0
а что за "модальное окно"?
вот здесь http://www.forumbusiness.net/ при прокрутке вниз, вылезает окошко
это оно и есть?
@Corn540
Простоузер
Join Date: Mar 2015
Posts: 80
Версия vB: 3.8.x
Пол:
Reputation:
Novice 1
Репутация в разделе: 0
0
Quote:
Originally Posted by kerk
а что за "модальное окно"?
вот здесь http://www.forumbusiness.net/ при прокрутке вниз, вылезает окошко
это оно и есть?
Нет, вот пример работы, только в место формы входа, поставил информер... Демо
Sellrion
Kernel panic
Join Date: Aug 2007
Location: Екатеринбург
Posts: 2,536
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 1920
Репутация в разделе: 39
0
Quote:
Originally Posted by Corn540
у вас есть пример??
Нет.
Quote:
Originally Posted by kerk
это оно и есть?
Думаю что нет. Потому что термин "модальное" означает, что окно блокирует взаимодействие со всем сайтом до тех пор пока его не закроешь. Если автор считает это модальным окном, тогда ему лучше оставить вообще эту затею.
Sellrion добавил 31.05.2015 в 13:25
Quote:
Originally Posted by Corn540
вот пример работы
Вот это - модальное окно. Только я не вижу чему тут можно долго грузиться.
Last edited by Sellrion : 05-31-2015 at 02:25 PM.
Reason: Добавлено сообщение
@Corn540
Простоузер
Join Date: Mar 2015
Posts: 80
Версия vB: 3.8.x
Пол:
Reputation:
Novice 1
Репутация в разделе: 0
0
Quote:
Originally Posted by Sellrion
Вот это - модальное окно. Только я не вижу чему тут можно долго грузиться.
да, но если в место <form> установить код информера, то этот информер будет загружаться каждый раз при обновлении страницы, и даже тогда, когда модальное окно не активировано пользователем. Вот и хочется сделать что бы информер начинал загружаться только тогда, когда пользователь нажмет на кнопку "открыть"...
Xokage
Гость
Posts: n/a
Quote:
Originally Posted by Corn540
Вот и хочется сделать что бы информер начинал загружаться только тогда, когда пользователь нажмет на кнопку "открыть"...