Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.02.2021, 10:21
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 69

Как обернуть лоадер ?
.loader {
 background: none repeat scroll 0 0 #ffffff;
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 top: 0;
 height: 100%;
 width: 100%;
 z-index: 9999;
}
.loader .loader_inner {
 background-image: url("../anketa/obezyana.gif");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-color: #fff;
 height: 210px;
 width: 135px;
 margin-top: -30px;
 margin-left: -30px;
 left: 50%;
 top: 50%;
 position: absolute;
}

$(document).ready(function() {
                            $("#save").click(function (e) {
                                $(window).load(function () {
                                    $(".loader_inner").fadeOut();
                                    $(".loader").delay(400).fadeOut("slow");
 BX24.callMethod('crm.deal.list', {
                                            filter: {
                                                ID: id,
                                            },
                                            select: ["CONTACT_ID"]
                                        },
                                        function idContact(result) {
                                            $.ajax({
                                                method: "POST",
                                                url: "http://test5.ru/local/anketa/main.php",
                                                dataType: "html",
                                                data: {
                                                    idContact: result.data(),
                                                    fio: $('#fio').val(),
                                                    adresregis: $('#adresregis').val(),
                                                    id: id,
                                                    <?=isset($arFields['ID']) ? 'id_anketa: ' . $arFields['ID'] . "," : ''?>
                                                    famalegirl: $('#famalegirl').val(),
                                                    adressproj: $('#adressproj').val(),
                                                    telelich: $('#telelich').val(),
                                                    teleraboch: $('#teleraboch').val(),
                                                    email: $('#email').val(),
                                                    uznalicompany: $('#uznalicompany').val(),
                                                    nalichregistryes: $('#nalichregistryes').serialize(),
                                                    nalichregistrno: $('#nalichregistrno').serialize(),
                                                    vk: $('#vk').val(),
                                                    odnoklass: $('#odnoklass').val(),
                                                    instag: $('#instag').val(),
                                                    facebook: $('#facebook').val(),
                                                    arr: arr,
                                                },
                                                success: function (response) {
}

пытаюсь обернуть лоадер вокруг функции, то есть ajax выполнился и картинка убирается, но проблема в том что в приложении она изначально появляется, скобки специально не стал проставлять, иначе спагетти
Ответить с цитированием
  #2 (permalink)  
Старый 08.02.2021, 10:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

venom1996,
$.ajax({beforeSend : function () { $(".loader").fadeIn();},
//...
success: function (response) {
$(".loader").fadeOut();
Ответить с цитированием
  #3 (permalink)  
Старый 08.02.2021, 10:37
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 69

почему-то изначально картинка появляется, её нужно сразу скрыть ?
Ответить с цитированием
  #4 (permalink)  
Старый 08.02.2021, 10:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от venom1996
её нужно сразу скрыть ?
да.
.loader { display: none;}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обернуть не известное кол-во img ? Максим Ученик Events/DOM/Window 5 11.02.2020 08:14
Как сделать что бы картинки с другого url отображались как свои zlodey Серверные языки и технологии 1 04.05.2015 21:30
Как правильно реализовать такой функционал? Julian Общие вопросы Javascript 3 16.01.2015 12:34
Как обернуть несколько элементов? Lutidza Общие вопросы Javascript 3 01.08.2014 18:05
как обернуть картинку в <a> c ссылкой на саму картинку ufaclub jQuery 1 17.07.2014 22:45