source: ether_statistics/web/resources/js/jquery-ui-1.8.16.custom/development-bundle/demos/resizable/delay-start.html @ 569

Last change on this file since 569 was 569, checked in by vmipsl, 12 years ago

Nouveau projet
File size: 1.4 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4        <meta charset="utf-8">
5        <title>jQuery UI Resizable - Delay start</title>
6        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7        <script src="../../jquery-1.6.2.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, #resizable2 { width: 150px; height: 150px; padding: 0.5em; }
15        #resizable h3, #resizable2 h3 { text-align: center; margin: 0; }
16        </style>
17        <script>
18        $(function() {
19                $( "#resizable" ).resizable({
20                        delay: 1000
21                });
22               
23                $( "#resizable2" ).resizable({
24                        distance: 40
25                });
26        });
27        </script>
28</head>
29<body>
30
31<div class="demo">
32       
33<h3 class="docs">Time delay (ms):</h3>
34<div id="resizable" class="ui-widget-content">
35        <h3 class="ui-widget-header">Time</h3>
36</div>
37
38<h3 class="docs">Distance delay (px):</h3>
39<div id="resizable2" class="ui-widget-content">
40        <h3 class="ui-widget-header">Distance</h3>
41</div>
42
43</div><!-- End demo -->
44
45
46
47<div class="demo-description">
48<p>Delay the start of resizng for a number of milliseconds with the <code>delay</code> option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option.</p>
49</div><!-- End demo-description -->
50
51</body>
52</html>
Note: See TracBrowser for help on using the repository browser.