kasper/seisobs-webapp
1
0
Fork 0
Code Issues 7 Pull Requests Releases 1 Wiki Activity

Added spinner image while loading data.

Browse Source
This commit is contained in:
Kasper D. Fischer 2014-09-16 11:15:13 +00:00
parent 1ac4702a75
commit fd632f2af6
Notes: subgit 2018-03-07 17:59:04 +01:00 
r738 www/trunk
3 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
www/index.html.de
View File

@ -176,5 +176,6 @@
<div class="rublogo"><a href="http://www.gmg.ruhr-uni-bochum.de/geophysik/seisobs"><img class="rublogo" src="logo_RUB_155x30.png" alt="Ruhr-Universität Bochum" title="Ruhr-Universität Bochum" border="0"/></a></div> <div class="rublogo"><a href="http://www.gmg.ruhr-uni-bochum.de/geophysik/seisobs"><img class="rublogo" src="logo_RUB_155x30.png" alt="Ruhr-Universität Bochum" title="Ruhr-Universität Bochum" border="0"/></a></div>
<!-- Map --> <!-- Map -->
<div id="map" class="map"></div> <div id="map" class="map"></div>
<div id="spinner" class="spinner" style="display:none;"><img id="img-spinner" src="spinner.gif" alt="Loading"/></br>Loading ...</div>
</body> </body>
</html> </html>

12
www/main.css
View File

@ -87,4 +87,16 @@
p.table-caption { p.table-caption {
font-size: smaller; font-size: smaller;
} }
div.spinner {
position: fixed;
top: 50%;
left: 50%;
margin-left: -64px; /* half width of the spinner gif */
margin-top: -8px; /* half height of the spinner gif */
text-align:center;
z-index: 19000;
overflow: auto;
width: 128px; /* width of the spinner gif */
height: 40px; /*hight of the spinner gif +2px to fix IE8 issue */
}
</style> </style>

8
www/misc.js
View File

@ -192,4 +192,12 @@ $(document).ready(function() {
heightStyle: 'content', heightStyle: 'content',
animate: 200, animate: 200,
}); });
// spinner
$(document).bind("ajaxSend", function() {
$("#spinner").show();
console.log('Starting Spinner at '+Date());
}).bind("ajaxStop", function() {
$("#spinner").hide();
console.log('Stopping Spinner at '+Date());
});
}); });