In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > properties > noResize (frame)

noResize property (frame)

Browser support:

Specifies or returns whether a frame window is resizable.

Syntax:

object.noResize;

You can find the related objects in the Supported by objects section below.

This property is read/write.

HTML page for this property: NORESIZE

Possible values:

Boolean that indicates whether the frame window is resizeable.

One of the following values:

false

Default. Frame is resizeable.

true

Frame is not resizeable.

Default: false.

Example HTML code 1:

This example illustrates the use of the NORESIZE attribute:

Code

resizeFrame.htm

noresizeFrame.htm

<frameset rows="110, *" frameborder="1">
    <frameset cols="*, *" frameborder="1">
        <frame src="resizeFrame.htm" />
        <frame src="resizeFrame.htm" />
    </frameset>
    <frame src="noresizeFrame.htm" noresize="noresize" />
</frameset>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <h1>This frame is RESIZABLE.</h1>
    Try to resize frames with frame borders.
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <h1>This frame is NOT RESIZABLE.</h1>
    Try to resize frames with frame borders.
</body>
</html>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the noResize property. See the attached toggleResizeFrame.htm file, too.

Code

toggleResizeFrame.htm

<frameset rows="*,*,*,*" frameborder="1">
    <frame src="toggleResizeFrame.htm" />
    <frame src="toggleResizeFrame.htm" />
    <frame src="toggleResizeFrame.htm" />
    <frame src="toggleResizeFrame.htm" />
</frameset>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script type="text/javascript">
        function OnResizeChanged (checkbox) {
            var frameTag = window.frameElement;
            frameTag.noResize = !checkbox.checked;
        }
        function Init () {
            var checkbox = document.getElementById ("resizeCBox");
            OnResizeChanged (checkbox);
        }
    </script>
</head>
<body onload="Init ()">
    <input type="checkbox" id="resizeCBox" onclick="OnResizeChanged (this)" />
    <label for="resizeCBox">Frame is resizable</label>
</body>
</html>