How can Google Docs go fullscreen in JavaScript

Question

How can Google Docs go fullscreen in JavaScript?
In a Google Docs Presentation, when you press the fullscreen button at the lower left corner of the window, the window goes fullscreen.
It is not Flash so I am curious that how can Google do that?

Added

Note that it is not creating a big window that fits the screen (that's fake fullscreen). It is actually in fullscreen mode, and Google Chrome asked for my permission.

@tr4656, In a Webkit browser, open a Google Docs Presentation (new), and the button is at the lower left corner of the window. — Derek 朕會功夫, Oct 21 '11 at 00:47
OK, I myself did a little research on it and found out that a little trick would do it: `` — Derek 朕會功夫, Oct 21 '11 at 02:41

Lycha · Accepted Answer · 2011-11-14T12:39:01.347

7

It seems they are using the technique described in this article: http://www.thecssninja.com/javascript/fullscreen

// Mozilla
element.mozRequestFullScreen();

// Webkit
element.webkitRequestFullscreen();

Edit: That article forgets to mention that if you want the whole page fullsreen you can do document.body.webkitRequestFullscreen();.

edited Nov 14 '11 at 12:39

answered Oct 22 '11 at 21:29

Lycha

9,937
3
38
43

score 3 · Answer 2 · edited May 23 '17 at 12:27

3

I've tested the code given in this question on Internet Explorer 9:

How to make browser full screen using F11 key event through JavaScript

At least for Internet Explorer 9, though, the permission dialog might be misleading.

edited May 23 '17 at 12:27

Community

1
1

answered Oct 22 '11 at 22:16

Peter O.

32,158
14
82
96

Now we can make it goes fullscreen on the major browsers! Thanks. – Derek 朕會功夫 Oct 29 '11 at 04:04

How can Google Docs go fullscreen in JavaScript

Added

2 Answers2