You are here: Reference > JavaScript > client-side > browser > properties > availTop (screen)

availTop property (screen)

Browser support:
Returns the top side of the area on the screen that is available for application windows.
The returned value is relative to the top side of the screen. On Microsoft Windows platforms, the area for application windows is the entire screen excluding the taskbar.

Syntax:

object.availTop;
You can find the related objects in the Supported by objects section below.
This property is read-only.

Possible values:

Integer that represents the vertical position, in pixels.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the availTop property:
<head>
    <script type="text/javascript">
        function GetDimensions () {
            var scrLeft = document.getElementById ("scrLeft");
            scrLeft.innerHTML = screen.left;
            var scrTop = document.getElementById ("scrTop");
            scrTop.innerHTML = screen.top;
            var scrWidth = document.getElementById ("scrWidth");
            scrWidth.innerHTML = screen.width;
            var scrHeight = document.getElementById ("scrHeight");
            scrHeight.innerHTML = screen.height;


            var availLeft = document.getElementById ("availLeft");
            availLeft.innerHTML = screen.availLeft;
            var availTop = document.getElementById ("availTop");
            availTop.innerHTML = screen.availTop;
            var availWidth = document.getElementById ("availWidth");
            availWidth.innerHTML = screen.availWidth;
            var availHeight = document.getElementById ("availHeight");
            availHeight.innerHTML = screen.availHeight;
        }
    </script>
</head>
<body onload="GetDimensions ();">
    <h3>Dimensions of the screen:</h3>
    Left: <span id="scrLeft"></span><br />
    Top: <span id="scrTop"></span><br />
    Width: <span id="scrWidth"></span><br />
    Height: <span id="scrHeight"></span><br />

    <h3>Dimensions of the available area:</h3>
    Left: <span id="availLeft"></span><br />
    Top: <span id="availTop"></span><br />
    Width: <span id="availWidth"></span><br />
    Height: <span id="availHeight"></span><br />
</body>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content