Проблема с прелоадером - Joomla 3.x: Общие вопросы

Здравствуйте!
На странице, которая долго загружается (из-за выборки для селекта из БД) я создала прелоадер, руководствуясь
https://itchief.ru/javascript/preloader
Но у меня почему-то такой прелоадер  просто мелькает перед окончанием загрузки. Не могу понять причину.
Буду благодарна за совет.

здра.
и опять без ссылки на проблемную страницу...
ясновидцев в этом сезоне не завезли

здра.
и опять без ссылки на проблемную страницу...
ясновидцев в этом сезоне не завезли

Вот http://web.nioch.nsc.ru/nioch/razdel-vnutrennij/mytest

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

ну да.
т.е. у вас изначально должна открываться пустая страница на которой js-скриптом идет обращение к другой станице, которая собирает форму.
например, создаете пустую статью, в неё вставляете модуль с аяксом, который обращается к
и после получения данных их выводит и по успешному ответу скрывает прелоадер.

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

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

Код

http://web.nioch.nsc.ru/nioch/razdel-vnutrennij/mytest?tmpl=component

Спасибо. Теперь мне надо понять, как это запрос сделать.

гуглится по "аякс запрос"

гуглится по "аякс запрос"

Вот  условно "пустая" страница:
И вот результат
http://web.nioch.nsc.ru/lokalnye-normativnye-akty-obrazovatelnoj-organizatsii
Сначала появляется прелоадер, потом он "затухает" и через некоторое время появляется нужная страница.
[/quote]

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

Спасибо Вам.

просто перенесите код, отвечающий за скрытие прелоадера внутрь условия получения ответа от аякса.
т.е. чтобы скрытие происходило не в момент загрузки текущей страницы, а после получения ответа от аякса.

берет то, что внутри  без самой функции, т.к. она запускается в момент загрузки пустой страницы, а вам это не нужно

и переносите в место, где у вас происходит вставка ответа аякса в документ.

просто перенесите код, отвечающий за скрытие прелоадера внутрь условия получения ответа от аякса.
т.е. чтобы скрытие происходило не в момент загрузки текущей страницы, а после получения ответа от аякса.

берет то, что внутри  без самой функции, т.к. она запускается в момент загрузки пустой страницы, а вам это не нужно

Код

window.onload = function () {
}

и переносите в место, где у вас происходит вставка ответа аякса в документ.

Вот так сделала, но результат тот же.

Все-таки class loaded у body появляется гораздо раньше, чем происходит загрузка

ну так вы сделали безусловный запрос на вставку содержимого.
у вас же нет никакого обработчика на событие загрузки внешнего контента сейчас.
сделайте хотя бы в таком виде

вообще, по хорошему надо именно аякс-запрос использовать, чтобы обработать и ошибки тоже.
иначе в случае сбоя у вас неопределенная ситуация возникает и юзер будет грустно наблюдать вечный прелоадер.
т.е. вам и в момент ошибки надо будет прописывать скрытие прелоадера и показ сообщения, что мол "что-то пошло не так, попробуйте позже"
вот тут пример последний посмотрите.

Может я ошиблась, следуя вашим предыдущим инструкциям:
<script>
 $(document).ready(function(){

   $('#remoteContainer').load('http://web.nioch.nsc.ru/nioch/razdel-vnutrennij/mytest?tmpl=component', function() {
 
    document.body.classList.add('loaded_hiding');
    window.setTimeout(function () {
    document.body.classList.add('loaded');
    document.body.classList.remove('loaded_hiding');
    }, 500); 
   });
});
</script>
Но сейчас именно безостановочно крутятся шарики.
Конечно, посмотрю.

Может я ошиблась

со способом решения проблемы )

Может стоило бы разобраться, почему выборка идет так долго и исправить это? Не придется тогда скрипты прикручивать, в которых вы слегка "плаваете" и вообще результат будет лучше.

по ходу, в таком варианте не срабатывает скрипт.
так что надо аяксом делать, как и говорилось изначально.
и из полученного результата брать только узел #InitialPrepare, иначе много мусора на странице, включая дубль прелоадера.

по ходу, в таком варианте не срабатывает скрипт.
так что надо аяксом делать, как и говорилось изначально.
и из полученного результата брать только узел #InitialPrepare, иначе много мусора на странице, включая дубль прелоадера.

Добрый день.
Вот что сделала:
</script> 
Прелоадер как надо покрутился, но данные, которые надо было загрузить, на странице не появились. Ещё и меню стало не кликабельным.

как-то слишком тяжело вам помочь, извините.
предполагается, что вы должны изучать примеры и вникать в то, что делаете.
сейчас ситуация, когда помогающий должен полностью написать рабочий код для вашего сайта.
добейтесь сначала, чтобы выводило данные аякса, потом уже прелоадер прикручивайте в версии без тайминга - начните с простого.
у вас в коде идет попытка вставить некое
data, которое нигде не получено
в примере же
а у вас в коде - что?

У меня вот:
Заработало. спасибо