Добрый день, уважаемые.
Подскажите, как обойти такую проблему:
Есть ZEN-страничка, на которой при нажатии на кнопку javascript "завешивает" форму, затем вызывается cache-метод, и, напоследок, javascript "открывает" форму.
Код страницы
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
Class TEST.Test Extends %ZEN.Component.page
{
Parameter APPLICATION = "TEST.Test";
Parameter DOMAIN = "TEST";
XData Style
{
<style type="text/css">
div#progressbox {
position: absolute;
width: 500px;
border: #cccccc 1px solid;
color: black;
font-weight: bold;
font-size: 8pt;
background-color: #F5F5F5;
visibility: hidden;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
</style>
}
/// This XML block defines the contents of this page.
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" title="" width="100%">
<form id="fmTest" name="fmTest">
<button caption="OK" onclick="zenPage.btnClick()"/>
</form>
<html slice="2">
<div id="progressbox">
Пожалуйста, подождите. Идет соединение с базой данных...<br/><br/>
<img src="IMAGES/progressbar.gif"/>
</div>
</html>
</page>
}
Method %OnAfterCreatePage() As %Status
{
q $$$OK
}
ClassMethod btnClick() [ Language = javascript ]
{
zenPage.showProgressBar('fmTest')
zenPage.SrvMethod()
//if (ret) alert('OK')
//else alert('Error')
zenPage.hideProgressBar('fmTest')
}
Method SrvMethod() As %Boolean [ ZenMethod ]
{
h 2
q $$$OK
}
Method showProgressBar(formName) as %Boolean [ Language = javascript ]
{
document[formName].parentNode.parentNode.style.filter = "Alpha(opacity=25), blue()";
document[formName].style.MozOpacity = "0.25";
document[formName].style.opacity = "0.25";
document.all.progressbox.style.top = document.body.scrollTop + document.body.clientHeight / 2 - 100 ;
document.all.progressbox.style.left = document.body.offsetWidth / 2 - 250 ;
document.all.progressbox.style.visibility = 'visible';
document.body.style.cursor = 'progress'
return true
}
Method hideProgressBar(formName) As %Boolean [ Language = javascript ]
{
document[formName].parentNode.parentNode.style.filter = "";
document[formName].style.MozOpacity = "1";
document[formName].style.opacity = "1";
document.all.progressbox.style.visibility = 'hidden';
document.body.style.cursor = 'auto'
return true
}
}
Так вот, и в Oper'e, и в FireFox'e все отрабатывает как надо. Т.е. сначала "завешивается" страница, затем в течении 2 сек. выполняется серверный метод, и, наконец, страница возвращается в исходное состояние. НО! в IExplorer'e не работает. Т.е. не работает "завешивание" страницы. Серверный метод отрабатывает. К тому, же если раскомментировать "if ... else ..." в btnClick(), то в IE в момент alert'a появляется "пропавший" progressbox.
Как заставить IE правильно отображать задуманное? Какие у кого соображения по этому поводу?
