Вы не показали ваш Ajax вызов
Предполагая Ajax вызов должен быть, как это вы можете попробовать:
Показать изображение, прежде чем сделать запрос AJAX, и скрыть его после того, как Ajax вызова завершает
$('#loading-image').show();
$.ajax({
url: uri,
success: function(html){
// Code here after success
},
complete: function(){
$('#loading-image').hide();
}
});
Вы также можете показать Modal Div за вашим изображением, чтобы пользователь не мог взаимодействовать со страницей во время звонка Ajax:
<div id="myModal" class="modal">
</div>
css
для модальной DIV
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
BTW: это делается с помощью JQuery и CSS не является распорок выпуск
UPDATE:
OK Вы используете struts-dojo plugin
Имейте взгляд на это, то
Вы ищете indicator
атрибута, я так думаю:
<img id="loadingImage" src="images/loadingAnimation.gif" style="display:none"/>
<sx:a id="testReport" formId="testform" targets="testdiv" showLoadingText="false" indicator="loadingImage">
Эта ссылка поможет вам AjaxandJavaScriptRecipes-Showindicatorwhilerequestisinprogress
Что такое TagLib префикс в этот тег? –
@ Roman C strust-dojo – Kiran
OT: плагин Dojo устарел, переключитесь на распорки 2 плагина jquery (struts.jgeppert.com/), если сможете! –