Ticket #5572: resizeAlsoResizeContainmentBug.html

File resizeAlsoResizeContainmentBug.html, 1.3 KB (added by Daazku, April 30, 2010 01:33PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link media="all" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery-ui.css" rel="stylesheet">
    <script type="text/javascript">
    $(function(){
    var t1= $('<div>')
            .appendTo('#container')
            .css({
                'background': 'white',
                'border': '1px solid black',
                'height': '100px',
                'width': '100px'
            })
            .resizable({
                containment: 'parent',
                alsoResize: '#alsoResize'
            })

    var t2=$('<div id="alsoResize">')
            .appendTo('body')
            .css({
                'background': 'red',
                'border': 'none',
                'height': '100px',
                'position': 'relative',
                'width': '100px'
            });

    });
    </script>
</head>
<body>
<div id="container" style="width: 500px; height: 500px; background-color:green;">
</div>
</body>
</html>

Download in other formats:

Original Format