root/ui/web/htdocs/js/jquery-ui-1.7.2/demos/resizable/synchronous-resize.html

Revision 21720f443fc4436e839bfadf21de9c6fd47366e0, 1.3 kB (checked in by Umar Farooq <umar@omniti.com>, 9 years ago)

upgrading jquery to 1.3.2, and jquery-ui to 1.7.2.
adding slider to allow toggling of polltimerefs #147

  • Property mode set to 100644
Line 
1 <!doctype html>
2 <html lang="en">
3 <head>
4         <title>jQuery UI Resizable - Synchronous resize</title>
5         <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6         <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
7         <script type="text/javascript" src="../../ui/ui.core.js"></script>
8         <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
9         <link type="text/css" href="../demos.css" rel="stylesheet" />
10         <style type="text/css">
11         #resizable { background-position: top left; }
12         #resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
13         #resizable h3, #also h3 { text-align: center; margin: 0; }
14         #also { margin-top: 1em; }
15         </style>
16         <script type="text/javascript">
17         $(function() {
18                 $("#resizable").resizable({
19                         alsoResize: '#also'
20                 });
21                 $("#also").resizable();
22         });
23         </script>
24 </head>
25 <body>
26 <div class="demo">
27        
28 <div id="resizable" class="ui-widget-header">
29         <h3 class="ui-state-active">Resize</h3>
30 </div>
31
32 <div id="also" class="ui-widget-content">
33         <h3 class="ui-widget-header">will also resize</h3>
34 </div>
35
36 </div><!-- End demo -->
37
38 <div class="demo-description">
39
40 <p>Resize multiple elements simultaneously by clicking and dragging the sides of one.  Pass a shared selector into the <code>alsoResize</code> option.</p>
41
42 </div><!-- End demo-description -->
43 </body>
44 </html>
Note: See TracBrowser for help on using the browser.