Приветствую уважаемые форумчане!!!
Никак не удается установить прелоадер на контейнер div в котором отображается содержимое загружаемое скриптами с другого ресурса.
Вот контейнер:
<div class="mydiv"
<div id="tj-store-app"></div>
<script type="text/javascript">function addScript(path){var tjs=document.createElement('script'); tjs.type='text/javascript';tjs.async = true;tjs.src=path;var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(tjs, s); };
addScript("https://cabinet.xn-----6kcabd1eqfgcfyoae1a.xn--p1ai/code/store_app?menu=js/no-menu.js&use_partials_folder=true");
tj_partials_folder_url = "/tj-store/app/partials";
</script>
</div>
Вот код прелодера, который я вставляв в этот mydiv
<div class="loader">
<div class="loader_inner"></div>
</div>
Других идей кроме как поставить функцию для скрытие прелоадера на событие onload у меня не возникло.
Нашел функцию:
function iframeOnload() {
document.querySelector('.loader').classList.add('h idden')
}
Не хочет работать.
На некольких других сайтах пользовался этим же прелоадером и функцией
$(window).load(function() {
$(".loader_inner").fadeOut();
$(".loader").delay(400).fadeOut("slow");
});
Работает нормально, но как ее переделать для работы не со всем сайтом а с отдельным div? подскажите пожалуйста, заранее благодарен.
В JS полный новичок, думаю это было понятно )