Solved

Use javaScript to make an existing window full screen?

Posted on 2004-10-31
4,742 Views
Last Modified: 2011-02-10
I want to toggle a normal browser window between normal and full screen by cliking a button on the page within the window.  Is it possible to take a browser window that was opened normally and make it full screen?
0
Question by:soBC
    8 Comments
     
    LVL 22

    Expert Comment

    by:pinaldave
    <html>
    <body>
    <script language="JavaScript">
    <!--
    window.open ("http://yahoo.com", "","fullscreen=yes")
    -->
    </script>
    </body>
    </html>
    0
     
    LVL 22

    Expert Comment

    by:pinaldave
    0
     
    LVL 7

    Expert Comment

    by:Ai3d
    Paste this code to the HEAD of your html document.

    <script>
    <!--
    function fullwin(){
    window.open("http://www.yahoo.com","bfs","fullscreen,scrollbars")
    }
    //-->
    </script>

    <center>
    <form>
    <input type="button" onClick="fullwin()" value="Open Full Screen Window">
    </form>
    </center>


    where http://www.yahoo.com is the address you need ot change it could be contact.html or http://www.yourdomain.com/contact.html (if the page you are re-directing to is already uploaded on the serveR)
    Enjoy!,
    Ai3d.

    P.S:- Trying using Microsoft Frontpage if you could.
    0
     

    Author Comment

    by:soBC
    Thanks for the responses, but the window I need to toggle is existing.  I dont want to open a new window in full screen mode...I want to take an existing window that is not in full screen mode and change it to full screen by clicking a button and invoking some JavaSciprt/dHTML/etc...
    0
     
    LVL 18

    Assisted Solution

    by:tusharashah
    On the OnClick event of your button add following JavaScript to make your window Full Screen:

    function btnOnClick()
    {
      window.moveTo(0,0);
      window.resizeTo(screen.width,screen.height);
    }

    -tushar
    0
     
    LVL 7

    Expert Comment

    by:Ai3d
    sorry, i didn't get ya.
    0
     
    LVL 36

    Accepted Solution

    by:
    Like the others said, it's pretty impossible to make current window fullscreen.

    You can use tusharashah's method, although the title bar, etc., unless you make the moveTo a negative amount and the browser width, height, a greater amount than the screen, for instance,

    If the title bar is 50px (I'm not sure what it is, you'd use):
    and the status bar is also 50px (again, not sure what it is):

    window.moveTo(0,-50);
    window.resizeTo(screen.width,screen.height+100);

    The -50 hides the title bar and the positive 100 should theoretically hide the status bar and the title bar.

    Another method would be to close the current window and open a new one. Again, this may not be most desirable, for instance, if there are POST variables, it could get a bit messy with hidden forms and such, but the general concept is follows:

    function btnOnClick() {
       if (window.location.href.indexOf("fullscreen=yes")==-1) {
          window.open(window.location.href+"?fullscreen=yes","someWinTitle","fullscreen,scrollbars");
       } else {
          window.open(window.location.href.replace(/fullscreen=yes/g,""),"someWinTitle");
       }
       self.close();
    }
    0
     
    LVL 3

    Assisted Solution

    by:PodExpert
    However, after installing Windows XP Service Pack 2, you will not be able to create a window greater than the screen, there are also some additional restrictions (applies only to Internet Explorer, of course). Using Zylochs method is therefor not recommended, because it will not work on updated systems with IE.
    0

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
    Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
    Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
    The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

    884 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now