Сообщение об ошибке

  • Deprecated function: Methods with the same name as their class will not be constructors in a future version of PHP; views_display has a deprecated constructor в функции require_once() (строка 3066 в файле /home/users/m/matskywalker/domains/skywalkeradmin.ru/includes/bootstrap.inc).
  • Deprecated function: Methods with the same name as their class will not be constructors in a future version of PHP; views_many_to_one_helper has a deprecated constructor в функции require_once() (строка 113 в файле /home/users/m/matskywalker/domains/skywalkeradmin.ru/sites/all/modules/ctools/ctools.module).

Интерфейсы в HTA. Окна и слои

Как сделать динамическое формирование содержимого HTA страницы? Как сделать окно с информацией?
Об этом я и расскажу на примере модального окна.
Сначала "закроем" рабочую область:

<div id="modal" style="display:none; width: 100%; height:100%; z-index: 1" class="opas" ></div>

Далее само окно:
<div id="dialog-modal" style="display:none; width: 50%; height:50%; z-index: 2">Тут текст и кнопки, что собственно должно быть в окне</div>

Оно имеет параметр z-index: 2 и следовательно "выше" предыдущего. Так же у "закрывающего" слоя должна быть прозрачность. Для приложения HTA это делается так:
<style>
   div.opas { 
    /* Прозрачность 50% */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   }
  </style>

Ну и осталось их показать:
<SCRIPT Language="VBScript">
window.document.getElementById("modal").style.display="block"
window.document.getElementById("dialog-modal").style.display="block"
</script>

Это конечно не jQery, но проще для новичка. Из недостатков: нельзя изменять размер и позицию окна при помощи мыши.
Как вы заметили, такой подход можно использовать для отображения/скрытия любых элементов.
Вот рассмотренный пример полностью:
<html>
<head>
<hta:application id="modal_test" 
applicationname="modaltest"
contextmenu="yes"
maximizebutton="no"
minimizebutton="yes"
selection="no"
showintaskbar="yes"
singleinstance="yes"
sysmenu="yes"
SCROLL="no"
windowstate="normal"
>
<head>
 <title>Пример окна диалога</title>
<style>
   div.opas { 
    /* Прозрачность 50% */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   }
  </style>
</head>
<body>
<div id="modal" style="display:none; width: 100%; height:100%; z-index: 1" class="opas" ></div>
<div id="dialog-modal" style="display:none; width: 50%; height:50%; z-index: 2; border-style: solid;">Тут текст и кнопки, что собственно должно быть в окне</div>
</body>
<SCRIPT Language="VBScript">
window.document.getElementById("modal").style.display="block"
window.document.getElementById("dialog-modal").style.display="block"
<script>
</html>