Ticket #5571: resizeAlsoResizeContainmentBug.html

File resizeAlsoResizeContainmentBug.html, 1.3 KB (added by Daazku, 12 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html>
3<head>
4    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
5    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
6    <link media="all" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery-ui.css" rel="stylesheet">
7    <script type="text/javascript">
8    $(function(){
9    var t1= $('<div>')
10            .appendTo('#container')
11            .css({
12                'background': 'white',
13                'border': '1px solid black',
14                'height': '100px',
15                'width': '100px'
16            })
17            .resizable({
18                containment: 'parent',
19                alsoResize: '#alsoResize'
20            })
21
22    var t2=$('<div id="alsoResize">')
23            .appendTo('body')
24            .css({
25                'background': 'red',
26                'border': 'none',
27                'height': '100px',
28                'position': 'relative',
29                'width': '100px'
30            });
31
32    });
33    </script>
34</head>
35<body>
36<div id="container" style="width: 500px; height: 500px; background-color:green;">
37</div>
38</body>
39</html>