add loading overlay

This commit is contained in:
Andrew Dolgov 2010-09-13 14:39:16 +04:00
parent 5e9a79e134
commit c7a5c8a5a2
3 changed files with 35 additions and 0 deletions

View File

@ -269,3 +269,22 @@ a:hover {
#headlines ul#headlines-content span.tags a:hover {
color : #659a4c;
}
#overlay {
background : white;
left : 0;
top : 0;
height : 100%;
width : 100%;
z-index : 100;
position : absolute;
text-align : center;
}
#overlay_inner {
margin : 1em;
}
#overlay img {
vertical-align : middle;
}

View File

@ -259,6 +259,8 @@ function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback)
new Ajax.Request("backend.php", {
parameters: query,
onComplete: function(transport) {
Element.hide("overlay");
fatal_error_check(transport);
parse_headlines(transport, replace, no_effects);
set_selected_feed(feed_id);

View File

@ -50,6 +50,20 @@
</script>
</head>
<body id="ttrssDigest">
<div id="overlay" style="display : block">
<div id="overlay_inner">
<noscript>
<p>
<?php print_error(__("Your browser doesn't support Javascript, which is required
for this application to function properly. Please check your
browser settings.")) ?></p>
</noscript>
<img src="images/indicator_white.gif"/>
<?php echo __("Loading, please wait...") ?>
</div>
</div>
<div id="header">
<div class="links">