git @ Cat's Eye Technologies yoob.js / master src / yoob / full-screen-detector.js
master

Tree @master (Download .tar.gz)

full-screen-detector.js @master — raw · history · blame 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/*
 * This file is part of yoob.js version 0.5
 * Available from https://github.com/catseye/yoob.js/
 * This file is in the public domain.  See http://unlicense.org/ for details.
 */
if (window.yoob === undefined) yoob = {};

/*
 * A shim (of sorts) which detects when the user has toggled their browser's
 * full-screen mode (usually but not necessarily by pressing the F11 key) and
 * fires an 'onchange' event, in which you can resize DOM elements of your
 * choosing to suit the (non-)full-screen display (or whatever else you wish.)
 *
 * Tested in recent Firefox, Chromium, and IE.  Sure to fail in older versions
 * of some of those.
 */
yoob.FullScreenDetector = function(cfg) {
    this.init = function(cfg) {
        this.period = cfg.period || 250;
        this.onchange = cfg.onchange || function() {};
        this.fullScreen = false;
        this.start();
        return this;
    };

    this.start = function() {
        if (this.intervalId) return;
        var $this = this;
        this.intervalId = setInterval(function() {
            if (!$this.fullScreen) {
                if (window.fullScreen ||
                      ((!window.screenTop) && (!window.screenY))) {
                    $this.fullScreen = true;
                    $this.onchange($this.fullScreen);
                }
            } else {
                if (window.screenTop || window.screenY ||
                    (window.fullScreen === false)) {
                    $this.fullScreen = false;
                    $this.onchange($this.fullScreen);
                }
            }
        }, this.period);
    };

    this.stop = function() {
        if (!this.intervalId) return;
        clearInterval(this.intervalId);
        this.intervalId = undefined;
    };

    this.init(cfg);
};