To call Dofullscreen function immediately after page load

Question

Following is the script

 <script type="text/javascript">
            function DoFullScreen() {

                var isInFullScreen = (document.fullScreenElement && document.fullScreenElement !== null) ||    // alternative standard method  
                (document.mozFullScreen || document.webkitIsFullScreen);

                var docElm = document.documentElement;
                if (!isInFullScreen) {

                    if (docElm.requestFullscreen) {
                        docElm.requestFullscreen();
                    }
                    else if (docElm.mozRequestFullScreen) {
                        docElm.mozRequestFullScreen();
                        //alert("Mozilla entering fullscreen!");
                    }
                    else if (docElm.webkitRequestFullScreen) {
                        docElm.webkitRequestFullScreen();
                        alert("Webkit entering fullscreen!");
                    }
                }
            }

        </script>

HTML

<body onload="DoFullScreen()">
    <form id="form1" runat="server" >
        <div id="div1">
            <input id="bt1" type="button" value="button"   />
            Hello
        </div>
    </form>
</body>

I have tried

$(window).load
$(document).ready(function(){ $("#bt1").load

score 3 · Accepted Answer · edited May 23 '17 at 11:49

3

-- it's not possible force a fullscreen if it's not triggered by a user action

-- look at this

full-screen browser window on load document

edited May 23 '17 at 11:49

Community

1
1

answered May 07 '13 at 09:44

Ahmed Alnahas

263
1
4

No, why should there be? Browsers do have popup blockers today because users where bothered by stupid website authors (and advertisers) too much – and you are trying to do the same thing, take control over something that is and should be under the user’s control. – CBroe May 07 '13 at 10:06

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

0

on ready call your function

$(document).ready(function(){

DoFullScreen();

}

edited Jun 20 '20 at 09:12

Community

1
1

answered May 07 '13 at 09:43

mastermind

1,057
1
8
15

1

Yes the trouble is you are calling the function DoFullScreen before that piece of html has even been parsed and loaded into the DOM! The jQuery "ready" shown in Mastermind's answer waits until everything has been loaded in before executing your code. – Shawson May 07 '13 at 09:46

score 0 · Answer 3 · answered May 07 '13 at 09:50

0

You can do it using pure javascript only like this:

<script type="text/javascript">
window.onload = function () {

                // YOUR CODE STUFF 

                }
</script>

answered May 07 '13 at 09:50

Subedi Kishor

5,906
5
35
53

Check it by using alert if the function is called or not after the page is loaded. It should work. – Subedi Kishor May 07 '13 at 09:58
window.onload = function() { alert('Test'); } works well for me. So please check for errors inside the function too. – Subedi Kishor May 07 '13 at 09:59
Ok so put you codes inside the function `DoFullScreen()` directly into the function as you put `alert('hi')`. How are you doing it? – Subedi Kishor May 07 '13 at 10:04
see link of @user2351467...it will work for other function but not for this – Somnath Kharat May 07 '13 at 10:06
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/29531/discussion-between-somnath-kharat-and-kishor-subedi) – Somnath Kharat May 07 '13 at 10:13

To call Dofullscreen function immediately after page load

3 Answers3

Linked