add loading overlay
This commit is contained in:
parent
5e9a79e134
commit
c7a5c8a5a2
19
digest.css
19
digest.css
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
14
digest.php
14
digest.php
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue