client/player/development-bundle/demos/datepicker/animation.html
author hurons
Wed, 09 Jun 2010 16:48:35 +0200
changeset 1 436d4791d7ac
permissions -rw-r--r--
premier version du player test de commit
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     1
<!DOCTYPE html>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     2
<html lang="en">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     3
<head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     4
	<meta charset="UTF-8" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     5
	<title>jQuery UI Datepicker - Animations</title>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     6
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     7
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     8
	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
     9
	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    10
	<script type="text/javascript" src="../../ui/jquery.ui.effects.core.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    11
	<script type="text/javascript" src="../../ui/jquery.ui.effects.blind.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    12
	<script type="text/javascript" src="../../ui/jquery.ui.effects.bounce.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    13
	<script type="text/javascript" src="../../ui/jquery.ui.effects.clip.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    14
	<script type="text/javascript" src="../../ui/jquery.ui.effects.drop.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    15
	<script type="text/javascript" src="../../ui/jquery.ui.effects.fold.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    16
	<script type="text/javascript" src="../../ui/jquery.ui.effects.slide.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    17
	<script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    18
	<link type="text/css" href="../demos.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    19
	<script type="text/javascript">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    20
	$(function() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    21
		$("#datepicker").datepicker();
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    22
		$("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); });
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    23
	});
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    24
	</script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    25
</head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    26
<body>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    27
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    28
<div class="demo">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    29
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    30
<p>Date: <input type="text" id="datepicker" size="30"/></p>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    31
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    32
<p>Animations:<br />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    33
	<select id="anim">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    34
		<option value="show">Show (default)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    35
		<option value="slideDown">Slide down</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    36
		<option value="fadeIn">Fade in</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    37
		<!-- <option value="blind">Blind (UI Effect)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    38
		<option value="bounce">Bounce (UI Effect)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    39
		<option value="clip">Clip (UI Effect)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    40
		<option value="drop">Drop (UI Effect)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    41
		<option value="fold">Fold (UI Effect)</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    42
		<option value="slide">Slide (UI Effect)</option> -->
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    43
		<option value="">None</option>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    44
	</select>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    45
</p>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    46
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    47
</div><!-- End demo -->
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    48
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    49
<div class="demo-description">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    50
436d4791d7ac premier version du player test de commit
hurons
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>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    52
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    53
</div><!-- End demo-description -->
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    54
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    55
</body>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset
    56
</html>