Я использую struts1. Мой сайт загружается довольно медленно, так как он совершает несколько интенсивных вызовов. Любая идея, как я могу заставить div сказать что-то похожее на «загрузку», чтобы показать, пока страница подготавливается, а затем исчезает, когда все готово?Как показать страницу Загрузка изображения/div/текст до загрузки страницы
Использование ajax вызывает метод ваших расположений и отображает загрузку div. Когда он закончится, вы можете отобразить другое сообщение. См. Примеры на этой странице http://api.jquery.com/jQuery.get/
Вы можете использовать jQuery, чтобы скрыть div после загрузки страницы. Пример.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function() {
$("#loading").fadeOut();
});
</script>
</head>
<body>
<div id="loading" style="background-color:red;width:100%;height:100px">
Loading....
</div>
</body>
</html>
Я думаю, что полезно для вас
<script type="text/javascript">
function callLoadingDiv(){
// <![CDATA[
$("#spinner").fadeIn("fast");
// ]]>
}
</script>
<style type="text/css">
#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(images/loading.jpg) 50% 50% no-repeat #ffffff;
border:1px solid black;
opacity:0.6;
filter:alpha(opacity=60);
}
</style>
В OnClick функции или после отправки формы вы должны вызвать эту функцию callLoadingDiv().
Использование ajax-звонка является лучшим для загрузки изображения поверх этого jsp