Hi nauna,

Refer below link

How to achieve full screen mode on page load using jquery or javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.ailis.de/~k/scripts/jquery/plugins/fullscreen.js"></script>
    <script type="text/javascript">
        $("#btn").live("click", function () {
            $(document).fullScreen(true);
        });
    </script>
    <input type="button" id="btn" value="btn" />

i want to work on page load not on button click please advice how it can be called on page load

nauna says:

 $("#btn").live("click", function () {
            $(document).fullScreen(true);
        });

 Try to change it to:

$(function () {
    $(document).fullScreen(true);
});

nauna says:

$("#btn").live("click", function () {

            $(document).fullScreen(true);

        });

 replace above with below

$(function () {
    $(document).fullScreen(true);
});

now my revised code is 

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.ailis.de/~k/scripts/jquery/plugins/fullscreen.js"></script>
    <script type="text/javascript">
        $(function () {
            $(document).fullScreen(true);
        });
    </script>

still its not working on page load

please advice