provide visual indicator when pausing ajax updates
This commit is contained in:
parent
e583ba0bff
commit
177a6d7f79
BIN
images/pause.gif
Normal file
BIN
images/pause.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 866 B |
BIN
images/play.gif
Normal file
BIN
images/play.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 912 B |
|
@ -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'});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1580,3 +1580,9 @@ input#dfrn-url {
|
|||
#dfrn-request-networks {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#pause {
|
||||
position: fixed;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue