annotate src/main/webapp/imageServer/resources/js/jquery-ui-1.10.4/demos/datepicker/animation.html @ 216:93d33f138c9e default tip

update medeniyet image server URL.
author casties
date Wed, 26 Jan 2022 16:39:32 +0100
parents 764f47286679
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
7
jurzua
parents:
diff changeset
1 <!doctype html>
jurzua
parents:
diff changeset
2 <html lang="en">
jurzua
parents:
diff changeset
3 <head>
jurzua
parents:
diff changeset
4 <meta charset="utf-8">
jurzua
parents:
diff changeset
5 <title>jQuery UI Datepicker - Animations</title>
jurzua
parents:
diff changeset
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
jurzua
parents:
diff changeset
7 <script src="../../jquery-1.10.2.js"></script>
jurzua
parents:
diff changeset
8 <script src="../../ui/jquery.ui.core.js"></script>
jurzua
parents:
diff changeset
9 <script src="../../ui/jquery.ui.widget.js"></script>
jurzua
parents:
diff changeset
10 <script src="../../ui/jquery.ui.effect.js"></script>
jurzua
parents:
diff changeset
11 <script src="../../ui/jquery.ui.effect-blind.js"></script>
jurzua
parents:
diff changeset
12 <script src="../../ui/jquery.ui.effect-bounce.js"></script>
jurzua
parents:
diff changeset
13 <script src="../../ui/jquery.ui.effect-clip.js"></script>
jurzua
parents:
diff changeset
14 <script src="../../ui/jquery.ui.effect-drop.js"></script>
jurzua
parents:
diff changeset
15 <script src="../../ui/jquery.ui.effect-fold.js"></script>
jurzua
parents:
diff changeset
16 <script src="../../ui/jquery.ui.effect-slide.js"></script>
jurzua
parents:
diff changeset
17 <script src="../../ui/jquery.ui.datepicker.js"></script>
jurzua
parents:
diff changeset
18 <link rel="stylesheet" href="../demos.css">
jurzua
parents:
diff changeset
19 <script>
jurzua
parents:
diff changeset
20 $(function() {
jurzua
parents:
diff changeset
21 $( "#datepicker" ).datepicker();
jurzua
parents:
diff changeset
22 $( "#anim" ).change(function() {
jurzua
parents:
diff changeset
23 $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
jurzua
parents:
diff changeset
24 });
jurzua
parents:
diff changeset
25 });
jurzua
parents:
diff changeset
26 </script>
jurzua
parents:
diff changeset
27 </head>
jurzua
parents:
diff changeset
28 <body>
jurzua
parents:
diff changeset
29
jurzua
parents:
diff changeset
30 <p>Date: <input type="text" id="datepicker" size="30"/></p>
jurzua
parents:
diff changeset
31
jurzua
parents:
diff changeset
32 <p>Animations:<br />
jurzua
parents:
diff changeset
33 <select id="anim">
jurzua
parents:
diff changeset
34 <option value="show">Show (default)</option>
jurzua
parents:
diff changeset
35 <option value="slideDown">Slide down</option>
jurzua
parents:
diff changeset
36 <option value="fadeIn">Fade in</option>
jurzua
parents:
diff changeset
37 <option value="blind">Blind (UI Effect)</option>
jurzua
parents:
diff changeset
38 <option value="bounce">Bounce (UI Effect)</option>
jurzua
parents:
diff changeset
39 <option value="clip">Clip (UI Effect)</option>
jurzua
parents:
diff changeset
40 <option value="drop">Drop (UI Effect)</option>
jurzua
parents:
diff changeset
41 <option value="fold">Fold (UI Effect)</option>
jurzua
parents:
diff changeset
42 <option value="slide">Slide (UI Effect)</option>
jurzua
parents:
diff changeset
43 <option value="">None</option>
jurzua
parents:
diff changeset
44 </select>
jurzua
parents:
diff changeset
45 </p>
jurzua
parents:
diff changeset
46
jurzua
parents:
diff changeset
47 <div class="demo-description">
jurzua
parents:
diff changeset
48 <p>Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.</p>
jurzua
parents:
diff changeset
49 </div>
jurzua
parents:
diff changeset
50 </body>
jurzua
parents:
diff changeset
51 </html>