Skip navigation
trialbomfunknumber2
trialbomfunknumber2 Calculating status...
Currently Being Moderated

Open window full-screen

Jun 28, 2012 6:03 PM

How does one have a browser window resize full-screen on loading?

 

Not javascript.

 

Have done this before, just can't remember the exact code.

 

Something to the effect of:

window.resizeto (screen.availaheight, screen.availwidth)

708 Views   6 Replies   Latest reply: ockley, Jun 29, 2012 6:25 AM
 
Replies
  • Ben Pleysier
    Currently Being Moderated
    1. Ben Pleysier,
    Jun 28, 2012 7:28 PM   in reply to trialbomfunknumber2
    Report

    window.resizeto (screen.availaheight, screen.availwidth)

    That happens to be a JS type instruction.

     

    As far as interfering with users' browser windows, DON'T! As a user, I want my settings to be respected.

     

    Gramps

     
    |
    Mark as:
  • ockley
    Currently Being Moderated
    2. ockley,
    Jun 29, 2012 2:27 AM   in reply to trialbomfunknumber2
    Report

    I am pretty sure, that you need JavaScript just to get close to a fullscreen solution. As far as I know, there isn't a way to fully implement a way, so it does it automaticly. The browsers have been down that road and it was a serious user experience problem. So, my best bet is not in HTML only, and not as soon as the window loads.

     

    There is ways of going into fullscreen, during events, and HTML5 new requestFullScreen() can make it easier in the future. See articles like http://www.longtailvideo.com/blog/26517/using-the-browsers-new-html5-f ullscreen-capabilities

     

    Please post if you are doing any progress on a HTML-only solution

     

    /ockley

     

    (on a side-note. The resizeto() method is taking width as the first argument, but i guess that was just a typo :-)  )

     
    |
    Mark as:
  • trialbomfunknumber2
    Currently Being Moderated
    3. trialbomfunknumber2,
    Jun 29, 2012 5:58 AM   in reply to ockley
    Report

    Found the code I was looking for on an old site. Is javascript, but quite simple. Seems to work fine.

     

    <body onLoad="javascript:if (document.getElementById) moveTo(0,0); window.resizeTo((screen.availWidth),(screen.availHeight));">

     
    |
    Mark as:
  • trialbomfunknumber2
    Currently Being Moderated
    4. trialbomfunknumber2,
    Jun 29, 2012 5:59 AM   in reply to Ben Pleysier
    Report

    Altruistic Gramps wrote:

     

    window.resizeto (screen.availaheight, screen.availwidth)

    That happens to be a JS type instruction.

     

    As far as interfering with users' browser windows, DON'T! As a user, I want my settings to be respected.

     

    Gramps

     

    Understand your point, however you are assuming this is for something I will be putting online.

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    5. MurraySummers,
    Jun 29, 2012 6:01 AM   in reply to trialbomfunknumber2
    Report

    If your visitors will be loading your page in a variety of browsers, you should be aware that many browsers simply ignore such resizing.

     

    If your page's functional environment is completely controlled (e.g., a kiosk) then you are pretty safe.

     
    |
    Mark as:
  • ockley
    Currently Being Moderated
    6. ockley,
    Jun 29, 2012 6:25 AM   in reply to trialbomfunknumber2
    Report

    I believe that this is an IE-only in your situation. Some of the other browsers are having conditions that have to be met before allowing full-screen. Take a look at:

     

    https://developer.mozilla.org/en/DOM/window.resizeTo#Notes

     

    Where it doesn't work with tabs and windows that aren't created via window.open() A combination of the solution above and a requestFullScreen() may be my best guess.

     

    Sidenote: The solution presented is both JavaScript solutions - just for the record :-)

     

    Good luck

    /ockley

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points