Как использовать загрузку GIF в Apex страниц?

Question

Я хочу использовать загрузку GIF на страницах Apex при выполнении запроса: у меня есть кнопка, а за ней я использую динамическое действие c для выполнения запроса, в атрибутах страницы в разделе javascript, я написал следующее: https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js и в разделе css, в строке, я написал следующее:

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(#APP_IMAGES#Preloader_1.gif) center no-repeat #fff;
}

и, наконец, за моей кнопкой в ​​динамическом c действии я создал истинное действие ( выполнить javascript код), и я написал следующее:

$(window).load(function() {
    $(".se-pre-con").fadeOut("slow");;
});

, после чего я создал еще одно истинное действие (выполнить код pl / sql) для выполнения моего запроса.

я ожидал когда я нажимал кнопку, я видел загрузку gif, пока мой запрос не был выполнен, но я не обнаружил t it and i haven ошибок.

в чем моя ошибка?

спасибо

Answer 1

Знаете ли вы, что для этого есть встроенный API? Просто позвоните apex.util.showSpinner: https://docs.oracle.com/en/database/oracle/application-express/19.2/aexjs/apex.util.html# .showSpinner

Затем вы можете вызвать remove для возвращаемого объекта.

Вот пример из do c:

var lSpinner$ = apex.util.showSpinner($( "#container_id"));

// Then later...
lSpinner$.remove();