Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как обернуть лоадер ? (https://javascript.ru/forum/dom-window/81865-kak-obernut-loader.html)

venom1996 08.02.2021 10:21

Как обернуть лоадер ?
 
.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 выполнился и картинка убирается, но проблема в том что в приложении она изначально появляется, скобки специально не стал проставлять, иначе спагетти

рони 08.02.2021 10:31

venom1996,
$.ajax({beforeSend : function () { $(".loader").fadeIn();},
//...
success: function (response) {
$(".loader").fadeOut();

venom1996 08.02.2021 10:37

почему-то изначально картинка появляется, её нужно сразу скрыть ?

рони 08.02.2021 10:46

Цитата:

Сообщение от venom1996
её нужно сразу скрыть ?

да.
.loader { display: none;}


Часовой пояс GMT +3, время: 05:26.