Как создать маску загрузки на панели XUL, используя JQuery или JScript

Question

Кто-нибудь знает, как создать маску загрузки поверх панели XUL с помощью JQuery или обычного Javascript?

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

Во-первых, я действительно не знаю, поддерживает ли mozilla загрузку масок через панели XUL, потому что все скрипты JQuery, которые я пробовал до сих пор, заставляют панель исчезать, а не маскировать ее.

спасибо за чтение

Answer 1

XUL использует блочную разметку, которая делает типичные приемы из HTML, такие как абсолютно позиционированный div, неисправностью.Вам следует использовать тег XUL <stack> (см. https://developer.mozilla.org/en/XUL/stack) и поместить и ваш контент, и ваш полупрозрачный слой в качестве его дочерних элементов. Когда вы сделаете полупрозрачный слой видимым, он появится поверх содержимого.Например:

<stack flex="1">
  <hbox id="content" align="center" pack="center">
     <button label="Click here" oncommand="document.getElementById('busy').hidden = false;"/>
  </hbox>
  <hbox id="busy" hidden="true"/>
</stack>

И немного кода CSS:

#busy {
  background-color: black;
  opacity: 0.5;
}