У меня один div имеет изображение Pleasewait. Он не работает нормально. Он работает, когда я устанавливаю предупреждение после вызова метода
function fnShowOpenImageProgressIndicator() {
var updtPrgrssCtrlOpenImage = document.getElementByID("updateOpenImageProgress");
updtPrgrssCtrlOpenImage.style.display = "block";
setUserActionsLayerState(true);
}<div id="updateOpenImageProgress">
<span class="round_span3"></span>
<span class="round_span2"></span>
<span class="round_span1"></span>
<div class="content">
<asp:Label ID="Label1" runat="server" CssClass="SmartLabel12NavyBlueBoldItalic">syng</asp:Label>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/indicator.gif" AlternateText="Progress Indicator" />
<asp:Label ID="Label2" runat="server" CssClass="SmartLabel12NavyBlueBold"> opening images,
<br />please wait...</asp:Label>
</div>
<span class="round_span1"></span>
<span class="round_span2"></span>
<span class="round_span3"></span>
</div>Подождите, подождите. После того, как я вызвал метод fnShowOpenImageProgressIndicator, за ним следует предупреждение.
Без предупреждения Подождите, подождите...
Игнорируйте элементы управления asp.net и вместо этого попробуйте с HTML, JavaScript и CSS для таких вещей. В этом случае использование элементов управления на стороне сервера может быть нежелательным. Сделайте что-нибудь подобное.
Добавьте div в свой HTML как:
{<div class="loadAnimation hidden"></div>}
{<div class="overlay hidden"></div>}
И добавьте класс css для наложения, как показано ниже для наложения:
.overlay
{
height: 100%;
width: 100%;
position: absolute;
z-index: 10000;
top: 0px;
left: 0px;
background-color: black;
opacity: 0.5;
}
.loadAnimation
{
width: 100%;
height: 100%;
background-image: url(images/loading.gif);
background-position: center;
background-repeat: no-repeat;
background-size: 500px 500px;
background-color: black;
opacity: 0.75;
z-index: 999999;
position: absolute;
top: 0;
left: 0;
}
Откройте эти div соответственно и покажите в JavaScript или jQuery
