mirror of
https://github.com/doublespeakgames/adarkroom.git
synced 2026-06-24 21:32:29 +08:00
Add title blinking on events
When there is an event, blink the title so that a user can know when an event happens, even if they aren't on that tab. From discussion in #121
This commit is contained in:
@@ -726,6 +726,19 @@ var Events = {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
//blinks the browser window title
|
||||||
|
blinkTitle: function() {
|
||||||
|
var title = document.title;
|
||||||
|
blinkInterval = setInterval(function() {
|
||||||
|
document.title = '*** EVENT ***';
|
||||||
|
setTimeout(function() {document.title = title;}, 1500);
|
||||||
|
}, 3000);
|
||||||
|
},
|
||||||
|
|
||||||
|
stopTitleBlink: function() {
|
||||||
|
clearInterval(blinkInterval);
|
||||||
|
},
|
||||||
|
|
||||||
// Makes an event happen!
|
// Makes an event happen!
|
||||||
triggerEvent: function() {
|
triggerEvent: function() {
|
||||||
@@ -789,6 +802,7 @@ var Events = {
|
|||||||
Events.loadScene('start');
|
Events.loadScene('start');
|
||||||
$('div#wrapper').append(Events.eventPanel());
|
$('div#wrapper').append(Events.eventPanel());
|
||||||
Events.eventPanel().animate({opacity: 1}, Events._PANEL_FADE, 'linear');
|
Events.eventPanel().animate({opacity: 1}, Events._PANEL_FADE, 'linear');
|
||||||
|
Events.blinkTitle();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -806,6 +820,7 @@ var Events = {
|
|||||||
Events.eventStack.shift();
|
Events.eventStack.shift();
|
||||||
Engine.log(Events.eventStack.length + ' events remaining');
|
Engine.log(Events.eventStack.length + ' events remaining');
|
||||||
Engine.keyLock = false;
|
Engine.keyLock = false;
|
||||||
|
Events.stopTitleBlink();
|
||||||
// Force refocus on the body. I hate you, IE.
|
// Force refocus on the body. I hate you, IE.
|
||||||
$('body').focus();
|
$('body').focus();
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user