Jquery button Clicked allow F11 fullscreen mode

Question

I'm trying to achieve something simple but I'm new to jquery and seems too difficult to me. I want that, when i press on a button, my browser will go in fullscreen mode like when you press F11 I searched in Stackoverflow for solutions but none of them worked.

var viewer = $("#a")[0];
var rFS = viewer.mozRequestFullScreen || viewer.webkitRequestFullscreen || viewer.requestFullscreen;
rFS.call(viewer);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="a">Open Fullscreen</button>

Possible Duplicate https://stackoverflow.com/questions/1125084/how-to-make-the-window-full-screen-with-javascript-stretching-all-over-the-scre — chintuyadavsara, Oct 09 '18 at 07:05

score 0 · Answer 1 · answered Oct 09 '18 at 09:58

0

var viewer = $("#a .classname .childelement")[0];
var rFS = viewer.mozRequestFullScreen || viewer.webkitRequestFullscreen || viewer.requestFullscreen;
    rFS.call(viewer);

answered Oct 09 '18 at 09:58

Benjamin45

52
7

Jquery button Clicked allow F11 fullscreen mode

1 Answers1