author | veltr |
Fri, 11 Oct 2013 17:37:25 +0200 | |
changeset 107 | 6b346cb90c5a |
parent 57 | 3a3c15c462f8 |
permissions | -rw-r--r-- |
51
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
1 |
<!DOCTYPE html> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
2 |
<html lang="en"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
3 |
<head> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
4 |
<meta charset="UTF-8" /> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
5 |
<title>jQuery UI Datepicker - Animations</title> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
6 |
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
7 |
<script type="text/javascript" src="../../jquery-1.4.2.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
8 |
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
9 |
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
10 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.core.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
11 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.blind.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
12 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.bounce.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
13 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.clip.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
14 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.drop.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
15 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.fold.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
16 |
<script type="text/javascript" src="../../ui/jquery.ui.effects.slide.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
17 |
<script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
18 |
<link type="text/css" href="../demos.css" rel="stylesheet" /> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
19 |
<script type="text/javascript"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
20 |
$(function() { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
21 |
$("#datepicker").datepicker(); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
22 |
$("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); }); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
23 |
}); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
24 |
</script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
25 |
</head> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
26 |
<body> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
27 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
28 |
<div class="demo"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
29 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
30 |
<p>Date: <input type="text" id="datepicker" size="30"/></p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
31 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
32 |
<p>Animations:<br /> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
33 |
<select id="anim"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
34 |
<option value="show">Show (default)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
35 |
<option value="slideDown">Slide down</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
36 |
<option value="fadeIn">Fade in</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
37 |
<!-- <option value="blind">Blind (UI Effect)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
38 |
<option value="bounce">Bounce (UI Effect)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
39 |
<option value="clip">Clip (UI Effect)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
40 |
<option value="drop">Drop (UI Effect)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
41 |
<option value="fold">Fold (UI Effect)</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
42 |
<option value="slide">Slide (UI Effect)</option> --> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
43 |
<option value="">None</option> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
44 |
</select> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
45 |
</p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
46 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
47 |
</div><!-- End demo --> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
48 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
49 |
<div class="demo-description"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
50 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
51 |
<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> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
52 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
53 |
</div><!-- End demo-description --> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
54 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
55 |
</body> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
56 |
</html> |