source: Dev/branches/jQueryUI/js/jquery/demos/resizable/max-min.html @ 244

Last change on this file since 244 was 244, checked in by hendrikvanantwerpen, 13 years ago

Inlogscherm werkt met jQuery UI! Woot!
File size: 1.2 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4        <meta charset="utf-8">
5        <title>jQuery UI Resizable - Maximum / minimum size</title>
6        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7        <script src="../../jquery-1.7.1.js"></script>
8        <script src="../../ui/jquery.ui.core.js"></script>
9        <script src="../../ui/jquery.ui.widget.js"></script>
10        <script src="../../ui/jquery.ui.mouse.js"></script>
11        <script src="../../ui/jquery.ui.resizable.js"></script>
12        <link rel="stylesheet" href="../demos.css">
13        <style>
14        #resizable { width: 200px; height: 150px; padding: 5px; }
15        #resizable h3 { text-align: center; margin: 0; }
16        </style>
17        <script>
18        $(function() {
19                $( "#resizable" ).resizable({
20                        maxHeight: 250,
21                        maxWidth: 350,
22                        minHeight: 150,
23                        minWidth: 200
24                });
25        });
26        </script>
27</head>
28<body>
29
30<div class="demo">
31       
32<div id="resizable" class="ui-widget-content">
33        <h3 class="ui-widget-header">Resize larger / smaller</h3>
34</div>
35
36</div><!-- End demo -->
37
38
39
40<div class="demo-description">
41<p>Limit the resizable element to a maximum or minimum height or width using the <code>maxHeight</code>, <code>maxWidth</code>, <code>minHeight</code>, and <code>minWidth</code> options.</p>
42</div><!-- End demo-description -->
43
44</body>
45</html>
Note: See TracBrowser for help on using the repository browser.