<script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
<script type="text/javascript" src="../../ui/ui.core.js"></script>\r
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>\r
+ <style type="text/css">\r
+ #resizable { width: 150px; height: 150px; padding: 0.5em; }\r
+ </style>\r
<script type="text/javascript">\r
$(function() {\r
$("#resizable").resizable({
- maxHeight: 400,
- maxWidth: 600
+ maxHeight: 250,
+ maxWidth: 350
});\r
});\r
</script>\r
</head>\r
<body>\r
-<div id="resizable" style="width: 200px; height: 200px; background-color: #f00;">\r
+<div id="resizable" class="ui-widget-content">\r
<p>Resize me</p>\r
</div>\r
\r