Ticket #4666: alsoresize.html

File alsoresize.html, 1.9 KB (added by Mikko Rantanen, 12 years ago)

Demonstration of the ticket

Line 
1<html>
2<head>
3<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
4<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
5<link rel="stylesheet" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/1.7.2/themes/base/ui.all.css" />
6<style>
7    div.alsoResizeBug { background: red; }
8    div.alsoResizeFeature { background: green; }
9</style>
10<script type="text/javascript">
11$(function() {
12    $('#resizable1').resizable({
13        alsoResize: $('.alsoResize')
14    });
15    $('#resizable2').resizable({
16        alsoResize: {
17            '#alsoResizeE' : [ 'width' ],
18            '#alsoResizeS' : [ 'height' ],
19            '#alsoResizeSE' : [ 'width', 'height' ]
20        }
21    });
22});
23</script>
24</head>
25<body>
26<div id="resizable1" class="alsoResizeBug" style="position:absolute;top:20px;left:20px;height:100px;width:100px;">Resizable</div>
27
28<div class="alsoResize alsoResizeBug" style="position:absolute;top:260px;left:20px;height:100px;width:100px;">Does also resize</div>
29<div class="alsoResize alsoResizeBug" style="position:absolute;top:20px;left:260px;height:100px;width:100px;">Should also resize</div>
30<div class="alsoResize alsoResizeBug" style="position:absolute;top:260px;left:260px;height:100px;width:100px;">Should also resize</div>
31
32<div id="resizable2" class="alsoResizeFeature" style="position:absolute;top:20px;left:600px;height:100px;width:100px;">Resizable</div>
33<div id="alsoResizeE" class="alsoResizeFeature" style="position:absolute;top:260px;left:600px;height:100px;width:100px;">Resizes East</div>
34<div id="alsoResizeS" class="alsoResizeFeature" style="position:absolute;top:20px;left:860px;height:100px;width:100px;">Resizes South</div>
35<div id="alsoResizeSE" class="alsoResizeFeature" style="position:absolute;top:260px;left:860px;height:100px;width:100px;">Resizes South-East</div>
36</body>
37</html>