Ticket #5952: main.html

File main.html, 1.2 KB (added by ashwani2k, 11 years ago)
Line 
1<!DOCTYPE html>
2<html>
3<head>
4  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
5  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
6  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
7 
8  <script>
9  $(document).ready(function() {
10    $("#datepicker").datepicker();
11        $("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); });
12        });
13
14  </script>
15</head>
16<body style="font-size:62.5%;">
17 
18<p>Date: <input type="text" id="datepicker" size="30"/></p>
19
20
21<p>Animations:<br />
22        <select id="anim">
23                <option value="show">Show (default)</option>
24                <option value="slideDown">Slide down</option>
25                <option value="fadeIn">Fade in</option>
26                <option value="blind">Blind (UI Effect)</option>
27                <option value="bounce">Bounce (UI Effect)</option>
28                <option value="clip">Clip (UI Effect)</option>
29                <option value="drop">Drop (UI Effect)</option>
30                <option value="fold">Fold (UI Effect)</option>
31                <option value="slide">Slide (UI Effect)</option>
32                <option value="">None</option>
33        </select>
34
35
36</body>
37</html>