Ticket #5186: resizebug.html

File resizebug.html, 1.6 KB (added by Daazku, 10 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            })
20            .bind( "resize", function(e,ui) {
21
22                if (!ui) return false; t2.css({
23                    "height": ui.size.height
24                    //Fix it totally
25                    //$(e.target).height()
26                    "width": ui.size.width
27                    //Fix it totally
28                    //$(e.target).width()
29                });
30
31            });
32
33    var t2=$("<div>")
34            .appendTo(t1)
35            .css({
36                "background": "red",
37                "border": "none",
38                "height": "100%",
39                "position": "relative",
40                "width": "100%"
41            });
42
43    });
44    </script>
45</head>
46<body>
47<div id="container" style="width: 500px; height: 500px; background-color:green;">
48</div>
49</body>
50</html>