CODEWITHSUNDEEP
javascriptjquery
Xopa
Xopa

Reputation: 131

Undefined Type Error "defaultView" with basic jQuery

I'm trying to build a basic resizing script using just raw jQuery v1.5.1 (Script below). For some reason it throws the following error and won't continue with running the script.

This is being tested with Chrome, Mac OSX

Error Uncaught TypeError: Cannot read property 'defaultView' of undefined

Code:

$(document).ready( function() {
    /* Set initial #site width */   
    stretch_portal_content();
    $(window).resize( stretch_portal_content );
});


function stretch_portal_content() {
    alert($('#site').width());
    $('#left-container').width(
        $('#site').width()-150
    );

    if ($(window).height() > $('body').innerHeight()){
        $('#site').height(
            $(window).innerHeight()
        );
    }

}

Example HTML

<!DOCTYPE html5>
<html>
    <head>
        <title></title>
        <link media="screen" rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="site">
        <div id="left-container">
            <div class="inner">
                <ul id="grid">
                    <li>Story 1</li>
                    <li>Story 2</li>
                    <li>Story 3</li>
                    <li>Story 4</li>
                    <li>Story 5</li>
                </ul>
            </div>
        </div>
        <div id="right-container">
            <ul id="category-list">
                <li><a href="#">Category 1</a></li>
                <li><a href="#">Category 2</a></li>
                <li><a href="#">Category 3</a></li>
                <li><a href="#">Category 4</a></li>
                <li><a href="#">Category 5</a></li>
                <li><a href="#">Category 6</a></li>
                <li><a href="#">Category 7</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript" src="javascript/core.js"></script>
</body>
</html>

Upvotes: 3

Views: 9388

Answers (1)

Dave L.
Dave L.

Reputation: 9791

Inner Height Documentation

The issue is the innerHeight function is not applicable to the window object. Use height instead.

Upvotes: 4

Related Questions