FAQ Topic - How do I find the size of the window/browser canvas area? (2008-02-22)

Discussion in 'Javascript' started by FAQ server, Feb 22, 2008.

  1. FAQ server

    FAQ server Guest

    -----------------------------------------------------------------------
    FAQ Topic - How do I find the size of the window/browser
    canvas area?
    -----------------------------------------------------------------------

    While it is often asked about window size, what is more relevant is
    the "canvas area" of the browser.

    Where supported in NN: (>NN4.0)

    var winWidth = window.innerWidth;
    var winHeight = window.innerHeight;

    Where supported in IE: (>IE4.0)

    var winWidth = document.body.clientWidth;
    var winHeight = document.body.clientHeight;

    Where supported in modern browsers:

    var winWidth = document.documentElement.clientWidth;
    var winHeight = document.documentElement.clientHeight;

    Where supported in DOM compliant browsers:

    var winWidth, winHeight, d=document;
    if (typeof window.innerWidth!='undefined') {
    winWidth = window.innerWidth;
    winHeight = window.innerHeight;
    } else {
    if (d.documentElement &&
    typeof d.documentElement.clientWidth!='undefined' &&
    d.documentElement.clientWidth!==0) {
    winWidth = d.documentElement.clientWidth;
    winHeight = d.documentElement.clientHeight;
    } else {
    if (d.body &&
    typeof d.body.clientWidth!='undefined') {
    winWidth = d.body.clientWidth;
    winHeight = d.body.clientHeight;
    }
    }
    }

    Note: The dimensions can not be determined accurately until after the
    document has finished loading.

    http://msdn2.microsoft.com/en-us/library/ms533566.aspx

    http://docs.sun.com/source/816-6408-10/window.htm#1202446

    http://msdn2.microsoft.com/en-us/library/ms533024.aspx


    --
    Postings such as this are automatically sent once a day. Their
    goal is to answer repeated questions, and to offer the content to
    the community for continuous evaluation/improvement. The complete
    comp.lang.javascript FAQ is at http://jibbering.com/faq/index.html.
    The FAQ workers are a group of volunteers. The sendings of these
    daily posts are proficiently hosted by http://www.pair.com.
     
    FAQ server, Feb 22, 2008
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. FAQ server
    Replies:
    4
    Views:
    111
    Dr J R Stockton
    Dec 16, 2006
  2. FAQ server
    Replies:
    1
    Views:
    86
    Randy Webb
    Feb 15, 2007
  3. FAQ server
    Replies:
    0
    Views:
    66
    FAQ server
    Apr 24, 2008
  4. FAQ server
    Replies:
    0
    Views:
    72
    FAQ server
    Jun 23, 2008
  5. FAQ server
    Replies:
    0
    Views:
    78
    FAQ server
    Aug 21, 2008
Loading...

Share This Page