Saturday, 17 December 2016

html code for full screen web page, show web page in full screen

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div class="container">
        <section class="main-content">
             <button id="view-fullscreen">Practice</button>
            <script  >

                (function () {
                    var viewFullScreen = document.getElementById("view-fullscreen");
                    if (viewFullScreen) {
                        viewFullScreen.addEventListener("click", function () {
                            var docElm = document.documentElement;
                            if (docElm.requestFullscreen) {
                                docElm.requestFullscreen();
                            }
                            else if (docElm.mozRequestFullScreen) {
                                docElm.mozRequestFullScreen();
                            }
                            else if (docElm.webkitRequestFullScreen) {
                                docElm.webkitRequestFullScreen();
                            }
                        }, false);
                    }
                })();
            </script>
        </section>
    </div>
</body>
</html>

No comments:

Post a Comment