Browser fullscreen

Help with Snap! Snap! Editor
1

How do I make the browser go fullscreen using javascript?

2

press f11. idk if it's possible to do it using javascript.

edit: I just realized it is possible. I've seen it before.

3

Read this: Fullscreen API - Web APIs | MDN

4

I cant get it to work.

5

What did you try that didn't work?

6

I just cant figure it out. Snap will throw an error, or it will do absolutely nothing.

7

I got it to work with this script

if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen();
} else {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  }
}

and this is basically just a copy and paste of the example in the link snapenilk gave

and this

function toggleFullScreen() {
  if (!document.fullscreenElement) {
      document.documentElement.requestFullscreen();
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
}

document.addEventListener("keypress", function(e) {
  if (e.keyCode === 13) {
    toggleFullScreen();
  }
}, false);

is a copy and paste of the example, but you have to press enter to enter full screen.

8

Thanks!