provide visual indicator when pausing ajax updates

This commit is contained in:
Mike Macgirvin 2010-09-20 01:13:19 -07:00
parent e583ba0bff
commit 177a6d7f79
5 changed files with 16 additions and 3 deletions

BIN
images/pause.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 B

BIN
images/play.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 912 B

View file

@ -46,10 +46,17 @@
$(document).keypress(function(event) {
if(event.keyCode == '19') {
event.preventDefault();
if(stopped == false)
if(stopped == false) {
stopped = true;
$('#pause img').attr('src','images/pause.gif');
$('#pause img').css({'border': '1px solid black'});
}
else {
stopped = false;
$('#pause img').attr('src','');
$('#pause img').css({'border': 'none'});
}
}
});

View file

@ -86,7 +86,7 @@ if(x($_SESSION,'sysmsg')) {
// Feel free to comment out this line on production sites.
$a->page['content'] .= $debug_text;
$a->page['content'] .= '<div id="pause"><img src="" alt="" /></div>';
// build page
// Navigation (menu) template

View file

@ -1579,4 +1579,10 @@ input#dfrn-url {
#dfrn-request-networks {
margin-bottom: 30px;
}
}
#pause {
position: fixed;
bottom: 5px;
right: 5px;
}