github
Advanced Search
  • Home
  • Pricing and Signup
  • Explore GitHub
  • Blog
  • Login

jquery / jquery-ui

  • Admin
  • Watch Unwatch
  • Fork
  • Your Fork
  • Pull Request
  • Download Source
    • 256
    • 29
  • Source
  • Commits
  • Network (29)
  • Graphs
  • Tree: eecbde2

click here to add a description

click here to add a homepage

  • Switch Branches (4)
    • bind
    • master
    • panel
    • tooltip
  • Switch Tags (15)
    • 1.8rc3
    • 1.8rc2
    • 1.8rc1
    • 1.8b1
    • 1.8a2
    • 1.8a1
    • 1.8
    • 1.7
    • 1.6rc6
    • 1.6rc5
    • 1.6rc3
    • 1.6rc2
    • 1.6
    • 1.5.2
    • 1.5.1
  • Comments
Sending Request…

The official jQuery user interface library. — Read more

  Cancel

http://jqueryui.com/

  Cancel
  • Private
  • Read-Only
  • HTTP Read-Only

This URL has Read+Write access

eol-style and mime-type
rdworth (author)
Wed Jan 20 06:00:14 -0800 2010
commit  eecbde22a6b338785ac8e1991858ba7dab976eae
tree    11c5e0835757497110151e803bb1e1fb39820dcc
parent  a1e069759ddcd3e56deff0d9334559b156df734c
M demos/autocomplete/combobox.html 252 ••••
M demos/autocomplete/custom-data.html 182 ••••
M demos/autocomplete/default.html 84 ••••
M demos/autocomplete/index.html 40 ••••
M demos/autocomplete/remote-jsonp.html 170 ••••
M demos/autocomplete/remote-with-cache.html 152 ••••
M demos/autocomplete/remote.html 112 ••••
M demos/button/checkbox.html 92 ••••
M demos/button/default.html 86 ••••
M demos/button/icons.html 124 ••••
M demos/button/index.html 44 ••••
M demos/button/radio.html 90 ••••
M demos/button/splitbutton.html 114 ••••
M demos/button/toolbar.html 122 ••••
M demos/datepicker/animation.html 110 ••••
M tests/unit/autocomplete/autocomplete.html 70 ••••
M tests/unit/autocomplete/autocomplete_core.js 78 ••••
M tests/unit/autocomplete/autocomplete_defaults.js 24 ••••
M tests/unit/autocomplete/autocomplete_events.js 240 ••••
M tests/unit/autocomplete/autocomplete_methods.js 70 ••••
M tests/unit/autocomplete/autocomplete_options.js 348 ••••
M tests/unit/autocomplete/autocomplete_tickets.js 20 ••••
M tests/unit/button/button.html 112 ••••
M tests/unit/button/button_core.js 140 ••••
M tests/unit/button/button_defaults.js 30 ••••
M tests/unit/button/button_events.js 34 ••••
M tests/unit/button/button_methods.js 30 ••••
M tests/unit/button/button_options.js 138 ••••
M tests/unit/button/button_tickets.js 20 ••••
M ui/i18n/jquery.ui.datepicker-af.js 46 ••••
M ui/i18n/jquery.ui.datepicker-bs.js 44 ••••
M ui/i18n/jquery.ui.datepicker-en-GB.js 46 ••••
M ui/i18n/jquery.ui.datepicker-sr-SR.js 2 ••
M ui/i18n/jquery.ui.datepicker-sr.js 2 ••
Txt demos/autocomplete/combobox.html
  • View file @ eecbde2
... ...
@@ -1,126 +1,126 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Combobox Demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
11  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
12  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
13  
-  <script type="text/javascript">
14  
-  (function($) {
15  
-    $.widget("ui.combobox", {
16  
-      _create: function() {
17  
-        var self = this;
18  
-        var select = this.element.hide();
19  
-        var input = $("<input>")
20  
-          .insertAfter(select)
21  
-          .autocomplete({
22  
-            source: function(request, response) {
23  
-              var matcher = new RegExp(request.term, "i");
24  
-              response(select.children("option").map(function() {
25  
-                var text = $(this).text();
26  
-                if (!request.term || matcher.test(text))
27  
-                  return {
28  
-                    id: $(this).val(),
29  
-                    label: text.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"),
30  
-                    value: text
31  
-                  };
32  
-              }));
33  
-            },
34  
-            delay: 0,
35  
-            select: function(e, ui) {
36  
-              if (!ui.item) {
37  
-                // remove invalid value, as it didn't match anything
38  
-                $(this).val("");
39  
-                return false;
40  
-              }
41  
-              $(this).focus();
42  
-              select.val(ui.item.id);
43  
-              self._trigger("selected", null, {
44  
-                item: select.find("[value='" + ui.item.id + "']")
45  
-              });
46  
-              
47  
-            },
48  
-            minLength: 0
49  
-          })
50  
-          .removeClass("ui-corner-all")
51  
-          .addClass("ui-corner-left");
52  
-        $("<button>&nbsp;</button>")
53  
-        .insertAfter(input)
54  
-        .button({
55  
-          icons: {
56  
-            primary: "ui-icon-triangle-1-s"
57  
-          },
58  
-          text: false
59  
-        }).removeClass("ui-corner-all")
60  
-        .addClass("ui-corner-right ui-button-icon")
61  
-        .position({
62  
-          my: "left center",
63  
-          at: "right center",
64  
-          of: input,
65  
-          offset: "-1 0"
66  
-        }).css("top", "")
67  
-        .click(function() {
68  
-          // close if already visible
69  
-          if (input.autocomplete("widget").is(":visible")) {
70  
-            input.autocomplete("close");
71  
-            return;
72  
-          }
73  
-          // pass empty string as value to search for, displaying all results
74  
-          input.autocomplete("search", "");
75  
-          input.focus();
76  
-        });
77  
-      }
78  
-    });
79  
-
80  
-  })(jQuery);
81  
-    
82  
-  $(function() {
83  
-    $("select").combobox();
84  
-  });
85  
-  </script>
86  
-  <style>
87  
-    /* TODO shouldn't be necessary */
88  
-    .ui-button-icon-only .ui-button-text { padding: 0; } 
89  
-  </style>
90  
-</head>
91  
-<body>
92  
-  
93  
-<div class="demo">
94  
-
95  
-<div class="ui-widget">
96  
-  <label>Your preferred programming language: </label>
97  
-  <select>
98  
-    <option value="a">asp</option>
99  
-        <option value="c">c</option>
100  
-        <option value="cpp">c++</option>
101  
-        <option value="cf">coldfusion</option>
102  
-        <option value="g">groovy</option>
103  
-        <option value="h">haskell</option>
104  
-        <option value="j">java</option>
105  
-        <option value="js">javascript</option>
106  
-        <option value="p1">pearl</option>
107  
-        <option value="p2">php</option>
108  
-        <option value="p3">python</option>
109  
-        <option value="r">ruby</option>
110  
-        <option value="s">scala</option>
111  
-  </select>
112  
-</div>
113  
-
114  
-</div><!-- End demo -->
115  
-
116  
-<div class="demo-description">
117  
-<p>
118  
-A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections.
119  
-</p>
120  
-<p>
121  
-The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option.
122  
-</p>
123  
-</div><!-- End demo-description -->
124  
-
125  
-</body>
126  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Combobox Demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  11
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  12
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  13
+  <script type="text/javascript">
  14
+  (function($) {
  15
+    $.widget("ui.combobox", {
  16
+      _create: function() {
  17
+        var self = this;
  18
+        var select = this.element.hide();
  19
+        var input = $("<input>")
  20
+          .insertAfter(select)
  21
+          .autocomplete({
  22
+            source: function(request, response) {
  23
+              var matcher = new RegExp(request.term, "i");
  24
+              response(select.children("option").map(function() {
  25
+                var text = $(this).text();
  26
+                if (!request.term || matcher.test(text))
  27
+                  return {
  28
+                    id: $(this).val(),
  29
+                    label: text.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"),
  30
+                    value: text
  31
+                  };
  32
+              }));
  33
+            },
  34
+            delay: 0,
  35
+            select: function(e, ui) {
  36
+              if (!ui.item) {
  37
+                // remove invalid value, as it didn't match anything
  38
+                $(this).val("");
  39
+                return false;
  40
+              }
  41
+              $(this).focus();
  42
+              select.val(ui.item.id);
  43
+              self._trigger("selected", null, {
  44
+                item: select.find("[value='" + ui.item.id + "']")
  45
+              });
  46
+              
  47
+            },
  48
+            minLength: 0
  49
+          })
  50
+          .removeClass("ui-corner-all")
  51
+          .addClass("ui-corner-left");
  52
+        $("<button>&nbsp;</button>")
  53
+        .insertAfter(input)
  54
+        .button({
  55
+          icons: {
  56
+            primary: "ui-icon-triangle-1-s"
  57
+          },
  58
+          text: false
  59
+        }).removeClass("ui-corner-all")
  60
+        .addClass("ui-corner-right ui-button-icon")
  61
+        .position({
  62
+          my: "left center",
  63
+          at: "right center",
  64
+          of: input,
  65
+          offset: "-1 0"
  66
+        }).css("top", "")
  67
+        .click(function() {
  68
+          // close if already visible
  69
+          if (input.autocomplete("widget").is(":visible")) {
  70
+            input.autocomplete("close");
  71
+            return;
  72
+          }
  73
+          // pass empty string as value to search for, displaying all results
  74
+          input.autocomplete("search", "");
  75
+          input.focus();
  76
+        });
  77
+      }
  78
+    });
  79
+
  80
+  })(jQuery);
  81
+    
  82
+  $(function() {
  83
+    $("select").combobox();
  84
+  });
  85
+  </script>
  86
+  <style>
  87
+    /* TODO shouldn't be necessary */
  88
+    .ui-button-icon-only .ui-button-text { padding: 0; } 
  89
+  </style>
  90
+</head>
  91
+<body>
  92
+  
  93
+<div class="demo">
  94
+
  95
+<div class="ui-widget">
  96
+  <label>Your preferred programming language: </label>
  97
+  <select>
  98
+    <option value="a">asp</option>
  99
+        <option value="c">c</option>
  100
+        <option value="cpp">c++</option>
  101
+        <option value="cf">coldfusion</option>
  102
+        <option value="g">groovy</option>
  103
+        <option value="h">haskell</option>
  104
+        <option value="j">java</option>
  105
+        <option value="js">javascript</option>
  106
+        <option value="p1">pearl</option>
  107
+        <option value="p2">php</option>
  108
+        <option value="p3">python</option>
  109
+        <option value="r">ruby</option>
  110
+        <option value="s">scala</option>
  111
+  </select>
  112
+</div>
  113
+
  114
+</div><!-- End demo -->
  115
+
  116
+<div class="demo-description">
  117
+<p>
  118
+A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections.
  119
+</p>
  120
+<p>
  121
+The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option.
  122
+</p>
  123
+</div><!-- End demo-description -->
  124
+
  125
+</body>
  126
+</html>
Txt demos/autocomplete/custom-data.html
  • View file @ eecbde2
... ...
@@ -1,91 +1,91 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Custom Data Demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
11  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
12  
-  <style type="text/css">
13  
-  #project-label {
14  
-    display: block;
15  
-    font-weight: bold;
16  
-    margin-bottom: 1em;
17  
-  }
18  
-  #project-icon {
19  
-    float: left;
20  
-    height: 32px;
21  
-    width: 32px;
22  
-  }
23  
-  #project-description {
24  
-    margin: 0;
25  
-    padding: 0;
26  
-  }
27  
-  </style>
28  
-  <script type="text/javascript">
29  
-  $(function() {
30  
-    var projects = [
31  
-      {
32  
-        value: 'jquery',
33  
-        label: 'jQuery',
34  
-        desc: 'the write less, do more, JavaScript library',
35  
-        icon: 'jquery_32x32.png'
36  
-      },
37  
-      {
38  
-        value: 'jquery-ui',
39  
-        label: 'jQuery UI',
40  
-        desc: 'the official user interface library for jQuery',
41  
-        icon: 'jqueryui_32x32.png'
42  
-      },
43  
-      {
44  
-        value: 'sizzlejs',
45  
-        label: 'Sizzle',
46  
-        desc: 'a pure-JavaScript CSS selector engine',
47  
-        icon: 'sizzlejs_32x32.png'
48  
-      }
49  
-    ];
50  
-    
51  
-    $('#project').autocomplete({
52  
-      minLength: 0,
53  
-      source: projects,
54  
-      focus: function(event, ui) {
55  
-        $('#project').val(ui.item.label);
56  
-        
57  
-        return false;
58  
-      },
59  
-      select: function(event, ui) {
60  
-        $('#project').val(ui.item.label);
61  
-        $('#project-id').val(ui.item.value);
62  
-        $('#project-description').html(ui.item.desc);
63  
-        $('#project-icon').attr('src', '../images/' + ui.item.icon);
64  
-        
65  
-        return false;
66  
-      }
67  
-    });
68  
-  });
69  
-  </script>
70  
-</head>
71  
-<body>
72  
-
73  
-<div class="demo">
74  
-  <label for="tags" id="project-label">Select a project:</label>
75  
-  <img id="project-icon" src="../images/transparent_1x1.png" class="ui-state-default">
76  
-  <input id="project">
77  
-  <input type="hidden" id="project-id">
78  
-  <p id="project-description"></p>
79  
-</div><!-- End demo -->
80  
-
81  
-<div class="demo-description">
82  
-<p>
83  
-You can use your own custom data formats and displays by simply overriding the default focus and select actions.
84  
-</p>
85  
-<p>
86  
-Try typing "j" to get a list of projects or just press the down arrow.
87  
-</p>
88  
-</div><!-- End demo-description -->
89  
-
90  
-</body>
91  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Custom Data Demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  11
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  12
+  <style type="text/css">
  13
+  #project-label {
  14
+    display: block;
  15
+    font-weight: bold;
  16
+    margin-bottom: 1em;
  17
+  }
  18
+  #project-icon {
  19
+    float: left;
  20
+    height: 32px;
  21
+    width: 32px;
  22
+  }
  23
+  #project-description {
  24
+    margin: 0;
  25
+    padding: 0;
  26
+  }
  27
+  </style>
  28
+  <script type="text/javascript">
  29
+  $(function() {
  30
+    var projects = [
  31
+      {
  32
+        value: 'jquery',
  33
+        label: 'jQuery',
  34
+        desc: 'the write less, do more, JavaScript library',
  35
+        icon: 'jquery_32x32.png'
  36
+      },
  37
+      {
  38
+        value: 'jquery-ui',
  39
+        label: 'jQuery UI',
  40
+        desc: 'the official user interface library for jQuery',
  41
+        icon: 'jqueryui_32x32.png'
  42
+      },
  43
+      {
  44
+        value: 'sizzlejs',
  45
+        label: 'Sizzle',
  46
+        desc: 'a pure-JavaScript CSS selector engine',
  47
+        icon: 'sizzlejs_32x32.png'
  48
+      }
  49
+    ];
  50
+    
  51
+    $('#project').autocomplete({
  52
+      minLength: 0,
  53
+      source: projects,
  54
+      focus: function(event, ui) {
  55
+        $('#project').val(ui.item.label);
  56
+        
  57
+        return false;
  58
+      },
  59
+      select: function(event, ui) {
  60
+        $('#project').val(ui.item.label);
  61
+        $('#project-id').val(ui.item.value);
  62
+        $('#project-description').html(ui.item.desc);
  63
+        $('#project-icon').attr('src', '../images/' + ui.item.icon);
  64
+        
  65
+        return false;
  66
+      }
  67
+    });
  68
+  });
  69
+  </script>
  70
+</head>
  71
+<body>
  72
+
  73
+<div class="demo">
  74
+  <label for="tags" id="project-label">Select a project:</label>
  75
+  <img id="project-icon" src="../images/transparent_1x1.png" class="ui-state-default">
  76
+  <input id="project">
  77
+  <input type="hidden" id="project-id">
  78
+  <p id="project-description"></p>
  79
+</div><!-- End demo -->
  80
+
  81
+<div class="demo-description">
  82
+<p>
  83
+You can use your own custom data formats and displays by simply overriding the default focus and select actions.
  84
+</p>
  85
+<p>
  86
+Try typing "j" to get a list of projects or just press the down arrow.
  87
+</p>
  88
+</div><!-- End demo-description -->
  89
+
  90
+</body>
  91
+</html>
Txt demos/autocomplete/default.html
  • View file @ eecbde2
... ...
@@ -1,42 +1,42 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Default Demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
11  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
12  
-  <script type="text/javascript">
13  
-  $(function() {
14  
-    var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
15  
-    $("#tags").autocomplete({
16  
-      source: availableTags
17  
-    });
18  
-  });
19  
-  </script>
20  
-</head>
21  
-<body>
22  
-  
23  
-<div class="demo">
24  
-
25  
-<div class="ui-widget">
26  
-  <label for="tags">Tags: </label>
27  
-  <input id="tags" />
28  
-</div>
29  
-
30  
-</div><!-- End demo -->
31  
-
32  
-<div class="demo-description">
33  
-<p>
34  
-The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.
35  
-</p>
36  
-<p>
37  
-The datasource is a simple JavaScript array, provided to the widget using the source-option.
38  
-</p>
39  
-</div><!-- End demo-description -->
40  
-
41  
-</body>
42  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Default Demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  11
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  12
+  <script type="text/javascript">
  13
+  $(function() {
  14
+    var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
  15
+    $("#tags").autocomplete({
  16
+      source: availableTags
  17
+    });
  18
+  });
  19
+  </script>
  20
+</head>
  21
+<body>
  22
+  
  23
+<div class="demo">
  24
+
  25
+<div class="ui-widget">
  26
+  <label for="tags">Tags: </label>
  27
+  <input id="tags" />
  28
+</div>
  29
+
  30
+</div><!-- End demo -->
  31
+
  32
+<div class="demo-description">
  33
+<p>
  34
+The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.
  35
+</p>
  36
+<p>
  37
+The datasource is a simple JavaScript array, provided to the widget using the source-option.
  38
+</p>
  39
+</div><!-- End demo-description -->
  40
+
  41
+</body>
  42
+</html>
Txt demos/autocomplete/index.html
  • View file @ eecbde2
... ...
@@ -1,20 +1,20 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Demos</title>
5  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
6  
-</head>
7  
-<body>
8  
-  <div class="demos-nav">
9  
-    <h4>Examples</h4>
10  
-    <ul>
11  
-      <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
12  
-      <li><a href="remote.html">Remote datasource</a></li>
13  
-      <li><a href="remote-with-cache.html">Remote with caching</a></li>
14  
-      <li><a href="remote-jsonp.html">Remote JSONP datasource</a></li>
15  
-      <li><a href="combobox.html">Combobox</a></li>
16  
-      <li><a href="custom-data.html">Custom data and display</a></li>
17  
-    </ul>
18  
-  </div>
19  
-</body>
20  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Demos</title>
  5
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  6
+</head>
  7
+<body>
  8
+  <div class="demos-nav">
  9
+    <h4>Examples</h4>
  10
+    <ul>
  11
+      <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
  12
+      <li><a href="remote.html">Remote datasource</a></li>
  13
+      <li><a href="remote-with-cache.html">Remote with caching</a></li>
  14
+      <li><a href="remote-jsonp.html">Remote JSONP datasource</a></li>
  15
+      <li><a href="combobox.html">Combobox</a></li>
  16
+      <li><a href="custom-data.html">Custom data and display</a></li>
  17
+    </ul>
  18
+  </div>
  19
+</body>
  20
+</html>
Txt demos/autocomplete/remote-jsonp.html
  • View file @ eecbde2
... ...
@@ -1,85 +1,85 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Remote JSONP datasource demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
11  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
12  
-  <script type="text/javascript">
13  
-  $(function() {
14  
-    function log(message) {
15  
-      $("<div/>").text(message).prependTo("#log");
16  
-      $("#log").attr("scrollTop", 0);
17  
-    }
18  
-    
19  
-    $("#city").autocomplete({
20  
-      source: function(request, response) {
21  
-        $.ajax({
22  
-          url: "http://ws.geonames.org/searchJSON",
23  
-          dataType: "jsonp",
24  
-          data: {
25  
-            featureClass: "P",
26  
-            style: "full",
27  
-            maxRows: 15,
28  
-            name_startsWith: request.term
29  
-          },
30  
-          success: function(data) {
31  
-            response($.map(data.geonames, function(item) {
32  
-              return {
33  
-                label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
34  
-                value: item.name
35  
-              }
36  
-            }))
37  
-          }
38  
-        })
39  
-      },
40  
-      minLength: 2,
41  
-      select: function(event, ui) {
42  
-        log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
43  
-      },
44  
-      open: function() {
45  
-        $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
46  
-      },
47  
-      close: function() {
48  
-        $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
49  
-      }
50  
-    });
51  
-  });
52  
-  </script>
53  
-  <style>
54  
-    .ui-autocomplete-loading { background: url(indicator.gif) no-repeat right; }
55  
-    #city { width: 25em; }
56  
-  </style>
57  
-</head>
58  
-<body>
59  
-
60  
-<div class="demo">
61  
-
62  
-<div class="ui-widget">
63  
-  <label for="city">Your city: </label>
64  
-  <input id="city" />
65  
-  Powered by <a href="http://geonames.org">geonames.org</a>
66  
-</div>
67  
-
68  
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
69  
-  Result:
70  
-  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
71  
-</div>
72  
-
73  
-</div><!-- End demo -->
74  
-
75  
-<div class="demo-description">
76  
-<p>
77  
-The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least two characters are entered into the field.
78  
-</p>
79  
-<p>
80  
-In this case, the datasource is the <a href="http://geonames.org">geonames.org webservice</a>. While only the city name itself ends up in the input after selecting an element, more info is displayed in the suggestions to help find the right entry. That data is also available in callbacks, as illustrated by the Result area below the input. 
81  
-</p>
82  
-</div><!-- End demo-description -->
83  
-
84  
-</body>
85  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Remote JSONP datasource demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  11
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  12
+  <script type="text/javascript">
  13
+  $(function() {
  14
+    function log(message) {
  15
+      $("<div/>").text(message).prependTo("#log");
  16
+      $("#log").attr("scrollTop", 0);
  17
+    }
  18
+    
  19
+    $("#city").autocomplete({
  20
+      source: function(request, response) {
  21
+        $.ajax({
  22
+          url: "http://ws.geonames.org/searchJSON",
  23
+          dataType: "jsonp",
  24
+          data: {
  25
+            featureClass: "P",
  26
+            style: "full",
  27
+            maxRows: 15,
  28
+            name_startsWith: request.term
  29
+          },
  30
+          success: function(data) {
  31
+            response($.map(data.geonames, function(item) {
  32
+              return {
  33
+                label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
  34
+                value: item.name
  35
+              }
  36
+            }))
  37
+          }
  38
+        })
  39
+      },
  40
+      minLength: 2,
  41
+      select: function(event, ui) {
  42
+        log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
  43
+      },
  44
+      open: function() {
  45
+        $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
  46
+      },
  47
+      close: function() {
  48
+        $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
  49
+      }
  50
+    });
  51
+  });
  52
+  </script>
  53
+  <style>
  54
+    .ui-autocomplete-loading { background: url(indicator.gif) no-repeat right; }
  55
+    #city { width: 25em; }
  56
+  </style>
  57
+</head>
  58
+<body>
  59
+
  60
+<div class="demo">
  61
+
  62
+<div class="ui-widget">
  63
+  <label for="city">Your city: </label>
  64
+  <input id="city" />
  65
+  Powered by <a href="http://geonames.org">geonames.org</a>
  66
+</div>
  67
+
  68
+<div class="ui-widget" style="margin-top:2em; font-family:Arial">
  69
+  Result:
  70
+  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
  71
+</div>
  72
+
  73
+</div><!-- End demo -->
  74
+
  75
+<div class="demo-description">
  76
+<p>
  77
+The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least two characters are entered into the field.
  78
+</p>
  79
+<p>
  80
+In this case, the datasource is the <a href="http://geonames.org">geonames.org webservice</a>. While only the city name itself ends up in the input after selecting an element, more info is displayed in the suggestions to help find the right entry. That data is also available in callbacks, as illustrated by the Result area below the input. 
  81
+</p>
  82
+</div><!-- End demo-description -->
  83
+
  84
+</body>
  85
+</html>
Txt demos/autocomplete/remote-with-cache.html
  • View file @ eecbde2
... ...
@@ -1,76 +1,76 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Remote with caching demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
11  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
12  
-  <script type="text/javascript">
13  
-  $(function() {
14  
-    function log(message) {
15  
-      $("<div/>").text(message).prependTo("#log");
16  
-      $("#log").attr("scrollTop", 0);
17  
-    }
18  
-    
19  
-    var cache = {};
20  
-    $("#birds").autocomplete({
21  
-      source: function(request, response) {
22  
-        if (cache.term == request.term && cache.content) {
23  
-          response(cache.content);
24  
-        }
25  
-        if (new RegExp(cache.term).test(request.term) && cache.content && cache.content.length < 13) {
26  
-          var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
27  
-          response($.grep(cache.content, function(value) {
28  
-              return matcher.test(value.value)
29  
-          }));
30  
-        }
31  
-        $.ajax({
32  
-          url: "search.php",
33  
-          dataType: "json",
34  
-          data: request,
35  
-          success: function(data) {
36  
-            cache.term = request.term;
37  
-            cache.content = data;
38  
-            response(data);
39  
-          }
40  
-        });
41  
-      },
42  
-      minLength: 2,
43  
-      select: function(event, ui) {
44  
-        log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
45  
-      }
46  
-    });
47  
-  });
48  
-  </script>
49  
-</head>
50  
-<body>
51  
-
52  
-<div class="demo">
53  
-
54  
-<div class="ui-widget">
55  
-  <label for="birds">Birds: </label>
56  
-  <input id="birds" />
57  
-</div>
58  
-
59  
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
60  
-  Result:
61  
-  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
62  
-</div>
63  
-
64  
-</div><!-- End demo -->
65  
-
66  
-<div class="demo-description">
67  
-<p>
68  
-The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.
69  
-</p>
70  
-<p>
71  
-Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.
72  
-</p>
73  
-</div><!-- End demo-description -->
74  
-
75  
-</body>
76  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Remote with caching demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  11
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  12
+  <script type="text/javascript">
  13
+  $(function() {
  14
+    function log(message) {
  15
+      $("<div/>").text(message).prependTo("#log");
  16
+      $("#log").attr("scrollTop", 0);
  17
+    }
  18
+    
  19
+    var cache = {};
  20
+    $("#birds").autocomplete({
  21
+      source: function(request, response) {
  22
+        if (cache.term == request.term && cache.content) {
  23
+          response(cache.content);
  24
+        }
  25
+        if (new RegExp(cache.term).test(request.term) && cache.content && cache.content.length < 13) {
  26
+          var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
  27
+          response($.grep(cache.content, function(value) {
  28
+              return matcher.test(value.value)
  29
+          }));
  30
+        }
  31
+        $.ajax({
  32
+          url: "search.php",
  33
+          dataType: "json",
  34
+          data: request,
  35
+          success: function(data) {
  36
+            cache.term = request.term;
  37
+            cache.content = data;
  38
+            response(data);
  39
+          }
  40
+        });
  41
+      },
  42
+      minLength: 2,
  43
+      select: function(event, ui) {
  44
+        log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
  45
+      }
  46
+    });
  47
+  });
  48
+  </script>
  49
+</head>
  50
+<body>
  51
+
  52
+<div class="demo">
  53
+
  54
+<div class="ui-widget">
  55
+  <label for="birds">Birds: </label>
  56
+  <input id="birds" />
  57
+</div>
  58
+
  59
+<div class="ui-widget" style="margin-top:2em; font-family:Arial">
  60
+  Result:
  61
+  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
  62
+</div>
  63
+
  64
+</div><!-- End demo -->
  65
+
  66
+<div class="demo-description">
  67
+<p>
  68
+The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.
  69
+</p>
  70
+<p>
  71
+Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.
  72
+</p>
  73
+</div><!-- End demo-description -->
  74
+
  75
+</body>
  76
+</html>
Txt demos/autocomplete/remote.html
  • View file @ eecbde2
... ...
@@ -1,56 +1,56 @@
1  
-<!doctype html>
2  
-<html>
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Remote datasource demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
11  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
12  
-  <script type="text/javascript">
13  
-  $(function() {
14  
-    function log(message) {
15  
-      $("<div/>").text(message).prependTo("#log");
16  
-      $("#log").attr("scrollTop", 0);
17  
-    }
18  
-    
19  
-    $("#birds").autocomplete({
20  
-      // TODO doesn't work when loaded from /demos/#autocomplete|remote
21  
-      source: "search.php",
22  
-      minLength: 2,
23  
-      select: function(event, ui) {
24  
-        log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
25  
-      }
26  
-    });
27  
-  });
28  
-  </script>
29  
-</head>
30  
-<body>
31  
-
32  
-<div class="demo">
33  
-
34  
-<div class="ui-widget">
35  
-  <label for="birds">Birds: </label>
36  
-  <input id="birds" />
37  
-</div>
38  
-
39  
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
40  
-  Result:
41  
-  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
42  
-</div>
43  
-
44  
-</div><!-- End demo -->
45  
-
46  
-<div class="demo-description">
47  
-<p>
48  
-The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.
49  
-</p>
50  
-<p>
51  
-The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.
52  
-</p>
53  
-</div><!-- End demo-description -->
54  
-
55  
-</body>
56  
-</html>
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Remote datasource demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
  11
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  12
+  <script type="text/javascript">
  13
+  $(function() {
  14
+    function log(message) {
  15
+      $("<div/>").text(message).prependTo("#log");
  16
+      $("#log").attr("scrollTop", 0);
  17
+    }
  18
+    
  19
+    $("#birds").autocomplete({
  20
+      // TODO doesn't work when loaded from /demos/#autocomplete|remote
  21
+      source: "search.php",
  22
+      minLength: 2,
  23
+      select: function(event, ui) {
  24
+        log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
  25
+      }
  26
+    });
  27
+  });
  28
+  </script>
  29
+</head>
  30
+<body>
  31
+
  32
+<div class="demo">
  33
+
  34
+<div class="ui-widget">
  35
+  <label for="birds">Birds: </label>
  36
+  <input id="birds" />
  37
+</div>
  38
+
  39
+<div class="ui-widget" style="margin-top:2em; font-family:Arial">
  40
+  Result:
  41
+  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
  42
+</div>
  43
+
  44
+</div><!-- End demo -->
  45
+
  46
+<div class="demo-description">
  47
+<p>
  48
+The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.
  49
+</p>
  50
+<p>
  51
+The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.
  52
+</p>
  53
+</div><!-- End demo-description -->
  54
+
  55
+</body>
  56
+</html>
Txt demos/button/checkbox.html
  • View file @ eecbde2
... ...
@@ -1,46 +1,46 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Checkboxes demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
11  
-  <script type="text/javascript">
12  
-  $(function() {
13  
-    $("#check").button();
14  
-    $("#format").buttonset();
15  
-  });
16  
-  </script>
17  
-  <style>
18  
-    #format { margin-top: 2em; }
19  
-  </style>
20  
-</head>
21  
-<body>
22  
-
23  
-<div class="demo">
24  
-
25  
-  <input type="checkbox" id="check" /><label for="check">Toggle</label>
26  
-  
27  
-  <div id="format">
28  
-    <input type="checkbox" id="check1" /><label for="check1">B</label>
29  
-    <input type="checkbox" id="check2" /><label for="check2">I</label>
30  
-    <input type="checkbox" id="check3" /><label for="check3">U</label>
31  
-  </div>
32  
-
33  
-</div><!-- End demo -->
34  
-
35  
-
36  
-
37  
-<div class="demo-description">
38  
-
39  
-<p>TODO</p>
40  
-
41  
-</div><!-- End demo-description -->
42  
-
43  
-
44  
-
45  
-</body>
46  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Checkboxes demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  11
+  <script type="text/javascript">
  12
+  $(function() {
  13
+    $("#check").button();
  14
+    $("#format").buttonset();
  15
+  });
  16
+  </script>
  17
+  <style>
  18
+    #format { margin-top: 2em; }
  19
+  </style>
  20
+</head>
  21
+<body>
  22
+
  23
+<div class="demo">
  24
+
  25
+  <input type="checkbox" id="check" /><label for="check">Toggle</label>
  26
+  
  27
+  <div id="format">
  28
+    <input type="checkbox" id="check1" /><label for="check1">B</label>
  29
+    <input type="checkbox" id="check2" /><label for="check2">I</label>
  30
+    <input type="checkbox" id="check3" /><label for="check3">U</label>
  31
+  </div>
  32
+
  33
+</div><!-- End demo -->
  34
+
  35
+
  36
+
  37
+<div class="demo-description">
  38
+
  39
+<p>TODO</p>
  40
+
  41
+</div><!-- End demo-description -->
  42
+
  43
+
  44
+
  45
+</body>
  46
+</html>
Txt demos/button/default.html
  • View file @ eecbde2
... ...
@@ -1,43 +1,43 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Default demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
11  
-  <script type="text/javascript">
12  
-  $(function() {
13  
-    $("button, input:submit, a").button();
14  
-  });
15  
-  </script>
16  
-  <style>
17  
-    
18  
-  </style>
19  
-</head>
20  
-<body>
21  
-
22  
-<div class="demo">
23  
-
24  
-  <button>A button element</button>
25  
-  
26  
-  <input type="submit" value="A submit button">
27  
-  
28  
-  <a href="#">An anchor</a>
29  
-
30  
-</div><!-- End demo -->
31  
-
32  
-
33  
-
34  
-<div class="demo-description">
35  
-
36  
-<p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
37  
-
38  
-</div><!-- End demo-description -->
39  
-
40  
-
41  
-
42  
-</body>
43  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Default demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  11
+  <script type="text/javascript">
  12
+  $(function() {
  13
+    $("button, input:submit, a").button();
  14
+  });
  15
+  </script>
  16
+  <style>
  17
+    
  18
+  </style>
  19
+</head>
  20
+<body>
  21
+
  22
+<div class="demo">
  23
+
  24
+  <button>A button element</button>
  25
+  
  26
+  <input type="submit" value="A submit button">
  27
+  
  28
+  <a href="#">An anchor</a>
  29
+
  30
+</div><!-- End demo -->
  31
+
  32
+
  33
+
  34
+<div class="demo-description">
  35
+
  36
+<p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
  37
+
  38
+</div><!-- End demo-description -->
  39
+
  40
+
  41
+
  42
+</body>
  43
+</html>
Txt demos/button/icons.html
  • View file @ eecbde2
... ...
@@ -1,62 +1,62 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Icons demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
11  
-  <script type="text/javascript">
12  
-  $(function() {
13  
-    $("button:first").button({
14  
-            icons: {
15  
-                primary: 'ui-icon-locked'
16  
-            },
17  
-            text: false
18  
-        }).next().button({
19  
-            icons: {
20  
-                primary: 'ui-icon-locked'
21  
-            }
22  
-        }).next().button({
23  
-            icons: {
24  
-                primary: 'ui-icon-gear',
25  
-                secondary: 'ui-icon-triangle-1-s'
26  
-            }
27  
-        }).next().button({
28  
-            icons: {
29  
-                primary: 'ui-icon-gear',
30  
-                secondary: 'ui-icon-triangle-1-s'
31  
-            },
32  
-            text: false
33  
-        });
34  
-  });
35  
-  </script>
36  
-  <style>
37  
-    
38  
-  </style>
39  
-</head>
40  
-<body>
41  
-
42  
-<div class="demo">
43  
-
44  
-  <button>Button with icon only</button>
45  
-  <button>Button with icon on the left</button>
46  
-  <button>Button with two icons</button>
47  
-  <button>Button with two icons and no text</button>
48  
-
49  
-</div><!-- End demo -->
50  
-
51  
-
52  
-
53  
-<div class="demo-description">
54  
-
55  
-<p>Some buttons with various combinations of text and icons, here specified via metadata.</p>
56  
-
57  
-</div><!-- End demo-description -->
58  
-
59  
-
60  
-
61  
-</body>
62  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Icons demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  11
+  <script type="text/javascript">
  12
+  $(function() {
  13
+    $("button:first").button({
  14
+            icons: {
  15
+                primary: 'ui-icon-locked'
  16
+            },
  17
+            text: false
  18
+        }).next().button({
  19
+            icons: {
  20
+                primary: 'ui-icon-locked'
  21
+            }
  22
+        }).next().button({
  23
+            icons: {
  24
+                primary: 'ui-icon-gear',
  25
+                secondary: 'ui-icon-triangle-1-s'
  26
+            }
  27
+        }).next().button({
  28
+            icons: {
  29
+                primary: 'ui-icon-gear',
  30
+                secondary: 'ui-icon-triangle-1-s'
  31
+            },
  32
+            text: false
  33
+        });
  34
+  });
  35
+  </script>
  36
+  <style>
  37
+    
  38
+  </style>
  39
+</head>
  40
+<body>
  41
+
  42
+<div class="demo">
  43
+
  44
+  <button>Button with icon only</button>
  45
+  <button>Button with icon on the left</button>
  46
+  <button>Button with two icons</button>
  47
+  <button>Button with two icons and no text</button>
  48
+
  49
+</div><!-- End demo -->
  50
+
  51
+
  52
+
  53
+<div class="demo-description">
  54
+
  55
+<p>Some buttons with various combinations of text and icons, here specified via metadata.</p>
  56
+
  57
+</div><!-- End demo-description -->
  58
+
  59
+
  60
+
  61
+</body>
  62
+</html>
Txt demos/button/index.html
  • View file @ eecbde2
... ...
@@ -1,22 +1,22 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button Demos</title>
5  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
6  
-</head>
7  
-<body>
8  
-
9  
-<div class="demos-nav">
10  
-  <h4>Examples</h4>
11  
-  <ul>
12  
-    <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
13  
-    <li><a href="radio.html">Radios</a></li>
14  
-    <li><a href="checkbox.html">Checkboxes</a></li>
15  
-    <li><a href="icons.html">Icons</a></li>
16  
-    <li><a href="toolbar.html">Toolbar</a></li>
17  
-    <li><a href="splitbutton.html">Split Button</a></li>
18  
-  </ul>
19  
-</div>
20  
-
21  
-</body>
22  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button Demos</title>
  5
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  6
+</head>
  7
+<body>
  8
+
  9
+<div class="demos-nav">
  10
+  <h4>Examples</h4>
  11
+  <ul>
  12
+    <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
  13
+    <li><a href="radio.html">Radios</a></li>
  14
+    <li><a href="checkbox.html">Checkboxes</a></li>
  15
+    <li><a href="icons.html">Icons</a></li>
  16
+    <li><a href="toolbar.html">Toolbar</a></li>
  17
+    <li><a href="splitbutton.html">Split Button</a></li>
  18
+  </ul>
  19
+</div>
  20
+
  21
+</body>
  22
+</html>
Txt demos/button/radio.html
  • View file @ eecbde2
... ...
@@ -1,45 +1,45 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Radio Buttons demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
11  
-  <script type="text/javascript">
12  
-  $(function() {
13  
-    $("#radio1").buttonset();
14  
-  });
15  
-  </script>
16  
-  <style>
17  
-    
18  
-  </style>
19  
-</head>
20  
-<body>
21  
-
22  
-<div class="demo">
23  
-
24  
-  <form>
25  
-    <div id="radio1">
26  
-      <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
27  
-      <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
28  
-      <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
29  
-    </div>
30  
-  </form>
31  
-
32  
-</div><!-- End demo -->
33  
-
34  
-
35  
-
36  
-<div class="demo-description">
37  
-
38  
-<p>A set of three radio buttons transformed into a button set.</p>
39  
-
40  
-</div><!-- End demo-description -->
41  
-
42  
-
43  
-
44  
-</body>
45  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Radio Buttons demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  11
+  <script type="text/javascript">
  12
+  $(function() {
  13
+    $("#radio1").buttonset();
  14
+  });
  15
+  </script>
  16
+  <style>
  17
+    
  18
+  </style>
  19
+</head>
  20
+<body>
  21
+
  22
+<div class="demo">
  23
+
  24
+  <form>
  25
+    <div id="radio1">
  26
+      <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
  27
+      <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
  28
+      <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
  29
+    </div>
  30
+  </form>
  31
+
  32
+</div><!-- End demo -->
  33
+
  34
+
  35
+
  36
+<div class="demo-description">
  37
+
  38
+<p>A set of three radio buttons transformed into a button set.</p>
  39
+
  40
+</div><!-- End demo-description -->
  41
+
  42
+
  43
+
  44
+</body>
  45
+</html>
Txt demos/button/splitbutton.html
  • View file @ eecbde2
... ...
@@ -1,57 +1,57 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Default demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
11  
-  <script type="text/javascript">
12  
-  $(function() {
13  
-    $("#rerun").button().click(function() {
14  
-      alert("Running the last action");
15  
-    })
16  
-    .next()
17  
-    .button({
18  
-      text: false,
19  
-      icons: {
20  
-        primary: "ui-icon-triangle-1-s"
21  
-      }
22  
-    })
23  
-    .click(function() {
24  
-      alert("Could display a menu to select an action");
25  
-    })
26  
-    .parent()
27  
-    .buttonset();
28  
-  });
29  
-  </script>
30  
-  <style>
31  
-    
32  
-  </style>
33  
-</head>
34  
-<body>
35  
-
36  
-<div class="demo">
37  
-
38  
-  <div>
39  
-    <button id="rerun">Run last action</button>
40  
-    <button id="select">Select an action</button>
41  
-  </div>
42  
-
43  
-</div><!-- End demo -->
44  
-
45  
-
46  
-
47  
-<div class="demo-description">
48  
-
49  
-<p>An example of a split button built with two buttons: A plan button with just text, one with only a primary icon
50  
-and no text. Both are grouped together in a set.</p>
51  
-
52  
-</div><!-- End demo-description -->
53  
-
54  
-
55  
-
56  
-</body>
57  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Default demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  10
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  11
+  <script type="text/javascript">
  12
+  $(function() {
  13
+    $("#rerun").button().click(function() {
  14
+      alert("Running the last action");
  15
+    })
  16
+    .next()
  17
+    .button({
  18
+      text: false,
  19
+      icons: {
  20
+        primary: "ui-icon-triangle-1-s"
  21
+      }
  22
+    })
  23
+    .click(function() {
  24
+      alert("Could display a menu to select an action");
  25
+    })
  26
+    .parent()
  27
+    .buttonset();
  28
+  });
  29
+  </script>
  30
+  <style>
  31
+    
  32
+  </style>
  33
+</head>
  34
+<body>
  35
+
  36
+<div class="demo">
  37
+
  38
+  <div>
  39
+    <button id="rerun">Run last action</button>
  40
+    <button id="select">Select an action</button>
  41
+  </div>
  42
+
  43
+</div><!-- End demo -->
  44
+
  45
+
  46
+
  47
+<div class="demo-description">
  48
+
  49
+<p>An example of a split button built with two buttons: A plan button with just text, one with only a primary icon
  50
+and no text. Both are grouped together in a set.</p>
  51
+
  52
+</div><!-- End demo-description -->
  53
+
  54
+
  55
+
  56
+</body>
  57
+</html>
Txt demos/button/toolbar.html
  • View file @ eecbde2
... ...
@@ -1,32 +1,32 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button - Toolbar demo</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button - Toolbar demo</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
10 10
   <link type="text/css" href="../demos.css" rel="stylesheet" />
11 11
   <style type="text/css">
12 12
   #toolbar {
13 13
     padding: 10px 4px;
14 14
   }
15 15
   </style>
16  
-  <script type="text/javascript">
17  
-  $(function() {
  16
+  <script type="text/javascript">
  17
+  $(function() {
18 18
     $('#beginning').button({
19 19
       text: false,
20 20
       icons: {
21 21
         primary: 'ui-icon-seek-start'
22 22
       }
23  
-    });
  23
+    });
24 24
     $('#rewind').button({
25 25
       text: false,
26 26
       icons: {
27 27
         primary: 'ui-icon-seek-prev'
28 28
       }
29  
-    });
  29
+    });
30 30
     $('#play').button({
31 31
       text: false,
32 32
       icons: {
... ...
@@ -51,73 +51,73 @@
51 51
         };
52 52
       }
53 53
       $(this).button('option', options);
54  
-    });
  54
+    });
55 55
     $('#stop').button({
56 56
       text: false,
57 57
       icons: {
58 58
         primary: 'ui-icon-stop'
59 59
       }
60  
-    })
61  
-    .click(function() {
62  
-      $('#play').button('option', {
63  
-        label: 'play',
64  
-        icons: {
65  
-          primary: 'ui-icon-play'
66  
-        }
67  
-      });
68  
-    });
  60
+    })
  61
+    .click(function() {
  62
+      $('#play').button('option', {
  63
+        label: 'play',
  64
+        icons: {
  65
+          primary: 'ui-icon-play'
  66
+        }
  67
+      });
  68
+    });
69 69
     $('#forward').button({
70 70
       text: false,
71 71
       icons: {
72 72
         primary: 'ui-icon-seek-next'
73 73
       }
74  
-    });
  74
+    });
75 75
     $('#end').button({
76 76
       text: false,
77 77
       icons: {
78 78
         primary: 'ui-icon-seek-end'
79 79
       }
80  
-    });
81  
-    $("#shuffle").button();
82  
-    $("#repeat").buttonset();
83  
-  });
84  
-  </script>
85  
-</head>
86  
-<body>
87  
-
88  
-<div class="demo">
89  
-
  80
+    });
  81
+    $("#shuffle").button();
  82
+    $("#repeat").buttonset();
  83
+  });
  84
+  </script>
  85
+</head>
  86
+<body>
  87
+
  88
+<div class="demo">
  89
+
90 90
   <span id="toolbar" class="ui-widget-header ui-corner-all">
91 91
     <button id="beginning">go to beginning</button>
92 92
     <button id="rewind">rewind</button>
93 93
     <button id="play">play</button>
94 94
     <button id="stop">stop</button>
95 95
     <button id="forward">fast forward</button>
96  
-    <button id="end">go to end</button>
97  
-    
98  
-    <input type="checkbox" id="shuffle" /><label for="shuffle">Shuffle</label>
99  
-    
100  
-    <span id="repeat">
101  
-      <input type="radio" id="repeat0" name="repeat" checked="checked" /><label for="repeat0">No Repeat</label>
102  
-      <input type="radio" id="repeat1" name="repeat" /><label for="repeat1">Once</label>
103  
-      <input type="radio" id="repeatall" name="repeat" /><label for="repeatall">All</label>
  96
+    <button id="end">go to end</button>
  97
+    
  98
+    <input type="checkbox" id="shuffle" /><label for="shuffle">Shuffle</label>
  99
+    
  100
+    <span id="repeat">
  101
+      <input type="radio" id="repeat0" name="repeat" checked="checked" /><label for="repeat0">No Repeat</label>
  102
+      <input type="radio" id="repeat1" name="repeat" /><label for="repeat1">Once</label>
  103
+      <input type="radio" id="repeatall" name="repeat" /><label for="repeatall">All</label>
104 104
     </span>
105  
-  </span>
106  
-
107  
-</div><!-- End demo -->
108  
-
109  
-
110  
-
111  
-<div class="demo-description">
112  
-
113  
-<p>
114  
-  A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
115  
-  an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options. 
116  
-</p>
117  
-
118  
-</div><!-- End demo-description -->
119  
-
120  
-
121  
-
122  
-</body>
123  
-</html>
  105
+  </span>
  106
+
  107
+</div><!-- End demo -->
  108
+
  109
+
  110
+
  111
+<div class="demo-description">
  112
+
  113
+<p>
  114
+  A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
  115
+  an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options. 
  116
+</p>
  117
+
  118
+</div><!-- End demo-description -->
  119
+
  120
+
  121
+
  122
+</body>
  123
+</html>
Txt demos/datepicker/animation.html
  • View file @ eecbde2
... ...
@@ -1,55 +1,55 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Datepicker - Animations</title>
5  
-  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6  
-  <script type="text/javascript" src="../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.core.js"></script>
10  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.blind.js"></script>
11  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.bounce.js"></script>
12  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.clip.js"></script>
13  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.drop.js"></script>
14  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.fold.js"></script>
15  
-  <script type="text/javascript" src="../../ui/jquery.ui.effects.slide.js"></script>
16  
-  <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
17  
-  <link type="text/css" href="../demos.css" rel="stylesheet" />
18  
-  <script type="text/javascript">
19  
-  $(function() {
20  
-    $("#datepicker").datepicker();
21  
-    $("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); });
22  
-  });
23  
-  </script>
24  
-</head>
25  
-<body>
26  
-
27  
-<div class="demo">
28  
-
29  
-<p>Date: <input type="text" id="datepicker" size="30"/></p>
30  
-
31  
-<p>Animations:<br />
32  
-  <select id="anim">
33  
-    <option value="show">Show (default)</option>
34  
-    <option value="slideDown">Slide down</option>
35  
-    <option value="fadeIn">Fade in</option>
36  
-    <!-- <option value="blind">Blind (UI Effect)</option>
37  
-    <option value="bounce">Bounce (UI Effect)</option>
38  
-    <option value="clip">Clip (UI Effect)</option>
39  
-    <option value="drop">Drop (UI Effect)</option>
40  
-    <option value="fold">Fold (UI Effect)</option>
41  
-    <option value="slide">Slide (UI Effect)</option> -->
42  
-    <option value="">None</option>
43  
-  </select>
44  
-</p>
45  
-
46  
-</div><!-- End demo -->
47  
-
48  
-<div class="demo-description">
49  
-
50  
-<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>
51  
-
52  
-</div><!-- End demo-description -->
53  
-
54  
-</body>
55  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Datepicker - Animations</title>
  5
+  <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
  6
+  <script type="text/javascript" src="../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.core.js"></script>
  10
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.blind.js"></script>
  11
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.bounce.js"></script>
  12
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.clip.js"></script>
  13
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.drop.js"></script>
  14
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.fold.js"></script>
  15
+  <script type="text/javascript" src="../../ui/jquery.ui.effects.slide.js"></script>
  16
+  <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
  17
+  <link type="text/css" href="../demos.css" rel="stylesheet" />
  18
+  <script type="text/javascript">
  19
+  $(function() {
  20
+    $("#datepicker").datepicker();
  21
+    $("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); });
  22
+  });
  23
+  </script>
  24
+</head>
  25
+<body>
  26
+
  27
+<div class="demo">
  28
+
  29
+<p>Date: <input type="text" id="datepicker" size="30"/></p>
  30
+
  31
+<p>Animations:<br />
  32
+  <select id="anim">
  33
+    <option value="show">Show (default)</option>
  34
+    <option value="slideDown">Slide down</option>
  35
+    <option value="fadeIn">Fade in</option>
  36
+    <!-- <option value="blind">Blind (UI Effect)</option>
  37
+    <option value="bounce">Bounce (UI Effect)</option>
  38
+    <option value="clip">Clip (UI Effect)</option>
  39
+    <option value="drop">Drop (UI Effect)</option>
  40
+    <option value="fold">Fold (UI Effect)</option>
  41
+    <option value="slide">Slide (UI Effect)</option> -->
  42
+    <option value="">None</option>
  43
+  </select>
  44
+</p>
  45
+
  46
+</div><!-- End demo -->
  47
+
  48
+<div class="demo-description">
  49
+
  50
+<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>
  51
+
  52
+</div><!-- End demo-description -->
  53
+
  54
+</body>
  55
+</html>
Txt tests/unit/autocomplete/autocomplete.html
  • View file @ eecbde2
... ...
@@ -1,35 +1,35 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Autocomplete Test Suite</title>
5  
-
6  
-  <script type="text/javascript" src="../../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script>
10  
-  <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script>
11  
-  <script type="text/javascript" src="../../../ui/jquery.ui.autocomplete.js"></script>
12  
-
13  
-  <link   type="text/css"       href="../testsuite.css" rel="stylesheet" />
14  
-  <script type="text/javascript" src="../../../external/testrunner-r6588.js"></script>
15  
-  <script type="text/javascript" src="../../jquery.simulate.js"></script>
16  
-  <script type="text/javascript" src="../testsuite.js"></script>
17  
-
18  
-  <script type="text/javascript" src="autocomplete_core.js"></script>
19  
-  <script type="text/javascript" src="autocomplete_defaults.js"></script>
20  
-  <script type="text/javascript" src="autocomplete_events.js"></script>
21  
-  <script type="text/javascript" src="autocomplete_methods.js"></script>
22  
-  <script type="text/javascript" src="autocomplete_options.js"></script>
23  
-  <script type="text/javascript" src="autocomplete_tickets.js"></script>
24  
-  
25  
-</head>
26  
-<body>
27  
-
28  
-<div id="main">
29  
-
30  
-  <div><input id="autocomplete" class="foo" /></div>
31  
-
32  
-</div>
33  
-
34  
-</body>
35  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Autocomplete Test Suite</title>
  5
+
  6
+  <script type="text/javascript" src="../../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script>
  10
+  <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script>
  11
+  <script type="text/javascript" src="../../../ui/jquery.ui.autocomplete.js"></script>
  12
+
  13
+  <link   type="text/css"       href="../testsuite.css" rel="stylesheet" />
  14
+  <script type="text/javascript" src="../../../external/testrunner-r6588.js"></script>
  15
+  <script type="text/javascript" src="../../jquery.simulate.js"></script>
  16
+  <script type="text/javascript" src="../testsuite.js"></script>
  17
+
  18
+  <script type="text/javascript" src="autocomplete_core.js"></script>
  19
+  <script type="text/javascript" src="autocomplete_defaults.js"></script>
  20
+  <script type="text/javascript" src="autocomplete_events.js"></script>
  21
+  <script type="text/javascript" src="autocomplete_methods.js"></script>
  22
+  <script type="text/javascript" src="autocomplete_options.js"></script>
  23
+  <script type="text/javascript" src="autocomplete_tickets.js"></script>
  24
+  
  25
+</head>
  26
+<body>
  27
+
  28
+<div id="main">
  29
+
  30
+  <div><input id="autocomplete" class="foo" /></div>
  31
+
  32
+</div>
  33
+
  34
+</body>
  35
+</html>
Txt tests/unit/autocomplete/autocomplete_core.js
  • View file @ eecbde2
... ...
@@ -1,39 +1,39 @@
1  
-/*
2  
- * autocomplete_core.js
3  
- */
4  
-
5  
-
6  
-(function($) {
7  
-
8  
-module("autocomplete: core");
9  
-
10  
-test("close-on-blur is properly delayed", function() {
11  
-  var ac = $("#autocomplete").autocomplete({
12  
-    source: ["java", "javascript"]
13  
-  }).val("ja").autocomplete("search");
14  
-  same( $(".ui-menu:visible").length, 1 );
15  
-  ac.blur();
16  
-  same( $(".ui-menu:visible").length, 1 );
17  
-  stop();
18  
-  setTimeout(function() {
19  
-    same( $(".ui-menu:visible").length, 0 );
20  
-    start();
21  
-  }, 200);
22  
-})
23  
-
24  
-test("close-on-blur is cancelled when starting a search", function() {
25  
-  var ac = $("#autocomplete").autocomplete({
26  
-    source: ["java", "javascript"]
27  
-  }).val("ja").autocomplete("search");
28  
-  same( $(".ui-menu:visible").length, 1 );
29  
-  ac.blur();
30  
-  same( $(".ui-menu:visible").length, 1 );
31  
-  ac.autocomplete("search");
32  
-  stop();
33  
-  setTimeout(function() {
34  
-    same( $(".ui-menu:visible").length, 1 );
35  
-    start();
36  
-  }, 200);
37  
-})
38  
-
39  
-})(jQuery);
  1
+/*
  2
+ * autocomplete_core.js
  3
+ */
  4
+
  5
+
  6
+(function($) {
  7
+
  8
+module("autocomplete: core");
  9
+
  10
+test("close-on-blur is properly delayed", function() {
  11
+  var ac = $("#autocomplete").autocomplete({
  12
+    source: ["java", "javascript"]
  13
+  }).val("ja").autocomplete("search");
  14
+  same( $(".ui-menu:visible").length, 1 );
  15
+  ac.blur();
  16
+  same( $(".ui-menu:visible").length, 1 );
  17
+  stop();
  18
+  setTimeout(function() {
  19
+    same( $(".ui-menu:visible").length, 0 );
  20
+    start();
  21
+  }, 200);
  22
+})
  23
+
  24
+test("close-on-blur is cancelled when starting a search", function() {
  25
+  var ac = $("#autocomplete").autocomplete({
  26
+    source: ["java", "javascript"]
  27
+  }).val("ja").autocomplete("search");
  28
+  same( $(".ui-menu:visible").length, 1 );
  29
+  ac.blur();
  30
+  same( $(".ui-menu:visible").length, 1 );
  31
+  ac.autocomplete("search");
  32
+  stop();
  33
+  setTimeout(function() {
  34
+    same( $(".ui-menu:visible").length, 1 );
  35
+    start();
  36
+  }, 200);
  37
+})
  38
+
  39
+})(jQuery);
Txt tests/unit/autocomplete/autocomplete_defaults.js
  • View file @ eecbde2
... ...
@@ -1,12 +1,12 @@
1  
-/*
2  
- * autocomplete_defaults.js
3  
- */
4  
-
5  
-var autocomplete_defaults = {
6  
-  delay: 300,
7  
-  disabled: false,
8  
-  minLength: 1,
9  
-  source: undefined
10  
-};
11  
-
12  
-commonWidgetTests('autocomplete', { defaults: autocomplete_defaults });
  1
+/*
  2
+ * autocomplete_defaults.js
  3
+ */
  4
+
  5
+var autocomplete_defaults = {
  6
+  delay: 300,
  7
+  disabled: false,
  8
+  minLength: 1,
  9
+  source: undefined
  10
+};
  11
+
  12
+commonWidgetTests('autocomplete', { defaults: autocomplete_defaults });
Txt tests/unit/autocomplete/autocomplete_events.js
  • View file @ eecbde2
... ...
@@ -1,120 +1,120 @@
1  
-/*
2  
- * autocomplete_events.js
3  
- */
4  
-(function($) {
5  
-
6  
-module("autocomplete: events");
7  
-
8  
-var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"];
9  
-
10  
-test("all events", function() {
11  
-  expect(11);
12  
-  var ac = $("#autocomplete").autocomplete({
13  
-    delay: 0,
14  
-    source: data,
15  
-    search: function(event) {
16  
-      same(event.type, "autocompletesearch");
17  
-    },
18  
-    open: function(event) {
19  
-      same(event.type, "autocompleteopen");
20  
-    },
21  
-    focus: function(event, ui) {
22  
-      same(event.type, "autocompletefocus");
23  
-      same(ui.item, {label:"java", value:"java"});
24  
-    },
25  
-    close: function(event) {
26  
-      same(event.type, "autocompleteclose");
27  
-      same( $(".ui-menu").length, 1 );
28  
-    },
29  
-    select: function(event, ui) {
30  
-      same(event.type, "autocompleteselect");
31  
-      same(ui.item, {label:"java", value:"java"});
32  
-    },
33  
-    change: function(event) {
34  
-      same(event.type, "autocompletechange");
35  
-      same( $(".ui-menu").length, 0 );
36  
-    }
37  
-  });
38  
-  stop();
39  
-  ac.val("ja").keydown();
40  
-  setTimeout(function() {
41  
-    same( $(".ui-menu").length, 1 );
42  
-    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
43  
-    ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
44  
-    start();
45  
-  }, 50);
46  
-});
47  
-
48  
-test("cancel search", function() {
49  
-  expect(6);
50  
-  var first = true;
51  
-  var ac = $("#autocomplete").autocomplete({
52  
-    delay: 0,
53  
-    source: data,
54  
-    search: function() {
55  
-      if (first) {
56  
-        same( ac.val(), "ja" );
57  
-        first = false;
58  
-        return false;
59  
-      }
60  
-      same( ac.val(), "java" );
61  
-    },
62  
-    open: function() {
63  
-      ok(true);
64  
-    }
65  
-  });
66  
-  stop();
67  
-  ac.val("ja").keydown();
68  
-  setTimeout(function() {
69  
-    same( $(".ui-menu").length, 0 );
70  
-    ac.val("java").keydown();
71  
-    setTimeout(function() {
72  
-      same( $(".ui-menu").length, 1 );
73  
-      same( $(".ui-menu .ui-menu-item").length, 2 );
74  
-      start();
75  
-    }, 50);
76  
-  }, 50);
77  
-});
78  
-
79  
-test("cancel focus", function() {
80  
-  expect(1);
81  
-  var customVal = 'custom value';
82  
-  var ac = $("#autocomplete").autocomplete({
83  
-    delay: 0,
84  
-    source: data,
85  
-    focus: function(event, ui) {
86  
-      $(this).val(customVal);
87  
-      return false;
88  
-    }
89  
-  });
90  
-  stop();
91  
-  ac.val("ja").keydown();
92  
-  setTimeout(function() {
93  
-    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
94  
-    same( ac.val(), customVal );
95  
-    start();
96  
-  }, 50);
97  
-});
98  
-
99  
-test("cancel select", function() {
100  
-  expect(1);
101  
-  var customVal = 'custom value';
102  
-  var ac = $("#autocomplete").autocomplete({
103  
-    delay: 0,
104  
-    source: data,
105  
-    select: function(event, ui) {
106  
-      $(this).val(customVal);
107  
-      return false;
108  
-    }
109  
-  });
110  
-  stop();
111  
-  ac.val("ja").keydown();
112  
-  setTimeout(function() {
113  
-    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
114  
-    ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
115  
-    same( ac.val(), customVal );
116  
-    start();
117  
-  }, 50);
118  
-});
119  
-
120  
-})(jQuery);
  1
+/*
  2
+ * autocomplete_events.js
  3
+ */
  4
+(function($) {
  5
+
  6
+module("autocomplete: events");
  7
+
  8
+var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"];
  9
+
  10
+test("all events", function() {
  11
+  expect(11);
  12
+  var ac = $("#autocomplete").autocomplete({
  13
+    delay: 0,
  14
+    source: data,
  15
+    search: function(event) {
  16
+      same(event.type, "autocompletesearch");
  17
+    },
  18
+    open: function(event) {
  19
+      same(event.type, "autocompleteopen");
  20
+    },
  21
+    focus: function(event, ui) {
  22
+      same(event.type, "autocompletefocus");
  23
+      same(ui.item, {label:"java", value:"java"});
  24
+    },
  25
+    close: function(event) {
  26
+      same(event.type, "autocompleteclose");
  27
+      same( $(".ui-menu").length, 1 );
  28
+    },
  29
+    select: function(event, ui) {
  30
+      same(event.type, "autocompleteselect");
  31
+      same(ui.item, {label:"java", value:"java"});
  32
+    },
  33
+    change: function(event) {
  34
+      same(event.type, "autocompletechange");
  35
+      same( $(".ui-menu").length, 0 );
  36
+    }
  37
+  });
  38
+  stop();
  39
+  ac.val("ja").keydown();
  40
+  setTimeout(function() {
  41
+    same( $(".ui-menu").length, 1 );
  42
+    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
  43
+    ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
  44
+    start();
  45
+  }, 50);
  46
+});
  47
+
  48
+test("cancel search", function() {
  49
+  expect(6);
  50
+  var first = true;
  51
+  var ac = $("#autocomplete").autocomplete({
  52
+    delay: 0,
  53
+    source: data,
  54
+    search: function() {
  55
+      if (first) {
  56
+        same( ac.val(), "ja" );
  57
+        first = false;
  58
+        return false;
  59
+      }
  60
+      same( ac.val(), "java" );
  61
+    },
  62
+    open: function() {
  63
+      ok(true);
  64
+    }
  65
+  });
  66
+  stop();
  67
+  ac.val("ja").keydown();
  68
+  setTimeout(function() {
  69
+    same( $(".ui-menu").length, 0 );
  70
+    ac.val("java").keydown();
  71
+    setTimeout(function() {
  72
+      same( $(".ui-menu").length, 1 );
  73
+      same( $(".ui-menu .ui-menu-item").length, 2 );
  74
+      start();
  75
+    }, 50);
  76
+  }, 50);
  77
+});
  78
+
  79
+test("cancel focus", function() {
  80
+  expect(1);
  81
+  var customVal = 'custom value';
  82
+  var ac = $("#autocomplete").autocomplete({
  83
+    delay: 0,
  84
+    source: data,
  85
+    focus: function(event, ui) {
  86
+      $(this).val(customVal);
  87
+      return false;
  88
+    }
  89
+  });
  90
+  stop();
  91
+  ac.val("ja").keydown();
  92
+  setTimeout(function() {
  93
+    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
  94
+    same( ac.val(), customVal );
  95
+    start();
  96
+  }, 50);
  97
+});
  98
+
  99
+test("cancel select", function() {
  100
+  expect(1);
  101
+  var customVal = 'custom value';
  102
+  var ac = $("#autocomplete").autocomplete({
  103
+    delay: 0,
  104
+    source: data,
  105
+    select: function(event, ui) {
  106
+      $(this).val(customVal);
  107
+      return false;
  108
+    }
  109
+  });
  110
+  stop();
  111
+  ac.val("ja").keydown();
  112
+  setTimeout(function() {
  113
+    ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
  114
+    ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
  115
+    same( ac.val(), customVal );
  116
+    start();
  117
+  }, 50);
  118
+});
  119
+
  120
+})(jQuery);
Txt tests/unit/autocomplete/autocomplete_methods.js
  • View file @ eecbde2
... ...
@@ -1,35 +1,35 @@
1  
-/*
2  
- * autocomplete_methods.js
3  
- */
4  
-(function($) {
5  
-
6  
-
7  
-module("autocomplete: methods");
8  
-
9  
-test("destroy", function() {
10  
-  var beforeHtml = $("#autocomplete").parent().html();
11  
-  var afterHtml = $("#autocomplete").autocomplete().autocomplete("destroy").parent().html();
12  
-  same( beforeHtml, afterHtml );
13  
-})
14  
-
15  
-var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"];
16  
-
17  
-test("search", function() {
18  
-  var ac = $("#autocomplete").autocomplete({
19  
-    source: data,
20  
-    minLength: 0
21  
-  });
22  
-  ac.autocomplete("search");
23  
-  same( $(".ui-menu .ui-menu-item").length, data.length, "all items for a blank search" );
24  
-  
25  
-  ac.val("has");
26  
-  ac.autocomplete("search")
27  
-  same( $(".ui-menu .ui-menu-item").text(), "haskell", "only one item for set input value" );
28  
-  
29  
-  ac.autocomplete("search", "ja");
30  
-  same( $(".ui-menu .ui-menu-item").length, 2, "only java and javascript for 'ja'" );
31  
-  
32  
-  $("#autocomplete").autocomplete("destroy");
33  
-})
34  
-
35  
-})(jQuery);
  1
+/*
  2
+ * autocomplete_methods.js
  3
+ */
  4
+(function($) {
  5
+
  6
+
  7
+module("autocomplete: methods");
  8
+
  9
+test("destroy", function() {
  10
+  var beforeHtml = $("#autocomplete").parent().html();
  11
+  var afterHtml = $("#autocomplete").autocomplete().autocomplete("destroy").parent().html();
  12
+  same( beforeHtml, afterHtml );
  13
+})
  14
+
  15
+var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"];
  16
+
  17
+test("search", function() {
  18
+  var ac = $("#autocomplete").autocomplete({
  19
+    source: data,
  20
+    minLength: 0
  21
+  });
  22
+  ac.autocomplete("search");
  23
+  same( $(".ui-menu .ui-menu-item").length, data.length, "all items for a blank search" );
  24
+  
  25
+  ac.val("has");
  26
+  ac.autocomplete("search")
  27
+  same( $(".ui-menu .ui-menu-item").text(), "haskell", "only one item for set input value" );
  28
+  
  29
+  ac.autocomplete("search", "ja");
  30
+  same( $(".ui-menu .ui-menu-item").length, 2, "only java and javascript for 'ja'" );
  31
+  
  32
+  $("#autocomplete").autocomplete("destroy");
  33
+})
  34
+
  35
+})(jQuery);
Txt tests/unit/autocomplete/autocomplete_options.js
  • View file @ eecbde2
174 additions, 174 deletions not shown
Txt tests/unit/autocomplete/autocomplete_tickets.js
  • View file @ eecbde2
... ...
@@ -1,10 +1,10 @@
1  
-/*
2  
- * autocomplete_tickets.js
3  
- */
4  
-(function($) {
5  
-
6  
-module("autocomplete: tickets");
7  
-
8  
-
9  
-
10  
-})(jQuery);
  1
+/*
  2
+ * autocomplete_tickets.js
  3
+ */
  4
+(function($) {
  5
+
  6
+module("autocomplete: tickets");
  7
+
  8
+
  9
+
  10
+})(jQuery);
Txt tests/unit/button/button.html
  • View file @ eecbde2
... ...
@@ -1,56 +1,56 @@
1  
-<!doctype html>
2  
-<html lang="en">
3  
-<head>
4  
-  <title>jQuery UI Button Test Suite</title>
5  
-
6  
-  <script type="text/javascript" src="../../../jquery-1.4.js"></script>
7  
-  <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
8  
-  <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
9  
-  <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
10  
-
11  
-  <link   type="text/css"       href="../testsuite.css" rel="stylesheet" />
12  
-  <script type="text/javascript" src="../../../external/testrunner-r6588.js"></script>
13  
-  <script type="text/javascript" src="../../jquery.simulate.js"></script>
14  
-  <script type="text/javascript" src="../testsuite.js"></script>
15  
-
16  
-  <script type="text/javascript" src="button_core.js"></script>
17  
-  <script type="text/javascript" src="button_defaults.js"></script>
18  
-  <script type="text/javascript" src="button_events.js"></script>
19  
-  <script type="text/javascript" src="button_methods.js"></script>
20  
-  <script type="text/javascript" src="button_options.js"></script>
21  
-  <script type="text/javascript" src="button_tickets.js"></script>
22  
-  
23  
-</head>
24  
-<body>
25  
-
26  
-<div id="main">
27  
-
28  
-  <div><button id="button" class="foo">Label</button></div>
29  
-  
30  
-  <div id="radio0" style="margin-top: 2em;">
31  
-    <input type="radio" id="radio01" name="radio" checked="checked" /><label for="radio01">Choice 1</label>
32  
-    <input type="radio" id="radio02" name="radio" /><label for="radio02">Choice 2</label>
33  
-    <input type="radio" id="radio03" name="radio" /><label for="radio03">Choice 3</label>
34  
-  </div>
35  
-  <form>
36  
-    <div id="radio1" style="margin-top: 2em;">
37  
-      <input type="radio" id="radio11" name="radio" /><label for="radio11">Choice 1</label>
38  
-      <input type="radio" id="radio12" name="radio" checked="checked" /><label for="radio12">Choice 2</label>
39  
-      <input type="radio" id="radio13" name="radio" /><label for="radio13">Choice 3</label>
40  
-    </div>
41  
-  </form>
42  
-  <form>
43  
-    <div id="radio2" style="margin-top: 2em;">
44  
-      <input type="radio" id="radio21" name="radio" /><label for="radio21">Choice 1</label>
45  
-      <input type="radio" id="radio22" name="radio" /><label for="radio22">Choice 2</label>
46  
-      <input type="radio" id="radio23" name="radio" checked="checked" /><label for="radio23">Choice 3</label>
47  
-    </div>
48  
-  </form>
49  
-  
50  
-  <input type="checkbox" id="check" /><label for="check">Toggle</label>
51  
-
52  
-  <div><input id="submit" type="submit" value="Label" /></div>
53  
-</div>
54  
-
55  
-</body>
56  
-</html>
  1
+<!doctype html>
  2
+<html lang="en">
  3
+<head>
  4
+  <title>jQuery UI Button Test Suite</title>
  5
+
  6
+  <script type="text/javascript" src="../../../jquery-1.4.js"></script>
  7
+  <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
  8
+  <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
  9
+  <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
  10
+
  11
+  <link   type="text/css"       href="../testsuite.css" rel="stylesheet" />
  12
+  <script type="text/javascript" src="../../../external/testrunner-r6588.js"></script>
  13
+  <script type="text/javascript" src="../../jquery.simulate.js"></script>
  14
+  <script type="text/javascript" src="../testsuite.js"></script>
  15
+
  16
+  <script type="text/javascript" src="button_core.js"></script>
  17
+  <script type="text/javascript" src="button_defaults.js"></script>
  18
+  <script type="text/javascript" src="button_events.js"></script>
  19
+  <script type="text/javascript" src="button_methods.js"></script>
  20
+  <script type="text/javascript" src="button_options.js"></script>
  21
+  <script type="text/javascript" src="button_tickets.js"></script>
  22
+  
  23
+</head>
  24
+<body>
  25
+
  26
+<div id="main">
  27
+
  28
+  <div><button id="button" class="foo">Label</button></div>
  29
+  
  30
+  <div id="radio0" style="margin-top: 2em;">
  31
+    <input type="radio" id="radio01" name="radio" checked="checked" /><label for="radio01">Choice 1</label>
  32
+    <input type="radio" id="radio02" name="radio" /><label for="radio02">Choice 2</label>
  33
+    <input type="radio" id="radio03" name="radio" /><label for="radio03">Choice 3</label>
  34
+  </div>
  35
+  <form>
  36
+    <div id="radio1" style="margin-top: 2em;">
  37
+      <input type="radio" id="radio11" name="radio" /><label for="radio11">Choice 1</label>
  38
+      <input type="radio" id="radio12" name="radio" checked="checked" /><label for="radio12">Choice 2</label>
  39
+      <input type="radio" id="radio13" name="radio" /><label for="radio13">Choice 3</label>
  40
+    </div>
  41
+  </form>
  42
+  <form>
  43
+    <div id="radio2" style="margin-top: 2em;">
  44
+      <input type="radio" id="radio21" name="radio" /><label for="radio21">Choice 1</label>
  45
+      <input type="radio" id="radio22" name="radio" /><label for="radio22">Choice 2</label>
  46
+      <input type="radio" id="radio23" name="radio" checked="checked" /><label for="radio23">Choice 3</label>
  47
+    </div>
  48
+  </form>
  49
+  
  50
+  <input type="checkbox" id="check" /><label for="check">Toggle</label>
  51
+
  52
+  <div><input id="submit" type="submit" value="Label" /></div>
  53
+</div>
  54
+
  55
+</body>
  56
+</html>
Txt tests/unit/button/button_core.js
  • View file @ eecbde2
... ...
@@ -1,70 +1,70 @@
1  
-/*
2  
- * button_core.js
3  
- */
4  
-
5  
-
6  
-(function($) {
7  
-
8  
-module("button: core");
9  
-
10  
-test("checkbox", function() {
11  
-  var input = $("#check");
12  
-    label = $("label[for=check]");
13  
-  ok( input.is(":visible") );  
14  
-  ok( label.is(":not(.ui-button)") );
15  
-  input.button();
16  
-  ok( input.is(":hidden") );
17  
-  ok( label.is(".ui-button") );
18  
-});
19  
-
20  
-test("radios", function() {
21  
-  var inputs = $("#radio0 input");
22  
-    labels = $("#radio0 label");
23  
-  ok( inputs.is(":visible") );  
24  
-  ok( labels.is(":not(.ui-button)") );
25  
-  inputs.button();
26  
-  ok( inputs.is(":hidden") );
27  
-  ok( labels.is(".ui-button") );
28  
-});
29  
-
30  
-function assert(noForm, form1, form2) {
31  
-  ok( $("#radio0 .ui-button" + noForm).is(".ui-state-active") );
32  
-  ok( $("#radio1 .ui-button" + form1).is(".ui-state-active") );
33  
-  ok( $("#radio2 .ui-button" + form2).is(".ui-state-active") );
34  
-}
35  
-
36  
-test("radio groups", function() {
37  
-  $(":radio").button();
38  
-  assert(":eq(0)", ":eq(1)", ":eq(2)");
39  
-  
40  
-  // click outside of forms
41  
-  $("#radio0 .ui-button:eq(1)").click();
42  
-  assert(":eq(1)", ":eq(1)", ":eq(2)");
43  
-  
44  
-  // click in first form
45  
-  $("#radio1 .ui-button:eq(0)").click();
46  
-  assert(":eq(1)", ":eq(0)", ":eq(2)");
47  
-  
48  
-  // click in second form
49  
-  $("#radio2 .ui-button:eq(0)").click();
50  
-  assert(":eq(1)", ":eq(0)", ":eq(0)");
51  
-});
52  
-
53  
-test("input type submit, don't create child elements", function() {
54  
-  var input = $("#submit")
55  
-  same( input.children().length, 0 );
56  
-  input.button();
57  
-  same( input.children().length, 0 );
58  
-});
59  
-
60  
-test("buttonset", function() {
61  
-  var set = $("#radio1").buttonset();
62  
-  ok( set.is(".ui-button-set") );
63  
-  same( set.children(".ui-button").length, 3 );
64  
-  same( set.children("input:radio:hidden").length, 3 );
65  
-  ok( set.children("label:eq(0)").is(".ui-button.ui-corner-left:not(.ui-corner-all)") );
66  
-  ok( set.children("label:eq(1)").is(".ui-button:not(.ui-corner-all)") );
67  
-  ok( set.children("label:eq(2)").is(".ui-button.ui-corner-right:not(.ui-corner-all)") );
68  
-});
69  
-
70  
-})(jQuery);
  1
+/*
  2
+ * button_core.js
  3
+ */
  4
+
  5
+
  6
+(function($) {
  7
+
  8
+module("button: core");
  9
+
  10
+test("checkbox", function() {
  11
+  var input = $("#check");
  12
+    label = $("label[for=check]");
  13
+  ok( input.is(":visible") );  
  14
+  ok( label.is(":not(.ui-button)") );
  15
+  input.button();
  16
+  ok( input.is(":hidden") );
  17
+  ok( label.is(".ui-button") );
  18
+});
  19
+
  20
+test("radios", function() {
  21
+  var inputs = $("#radio0 input");
  22
+    labels = $("#radio0 label");
  23
+  ok( inputs.is(":visible") );  
  24
+  ok( labels.is(":not(.ui-button)") );
  25
+  inputs.button();
  26
+  ok( inputs.is(":hidden") );
  27
+  ok( labels.is(".ui-button") );
  28
+});
  29
+
  30
+function assert(noForm, form1, form2) {
  31
+  ok( $("#radio0 .ui-button" + noForm).is(".ui-state-active") );
  32
+  ok( $("#radio1 .ui-button" + form1).is(".ui-state-active") );
  33
+  ok( $("#radio2 .ui-button" + form2).is(".ui-state-active") );
  34
+}
  35
+
  36
+test("radio groups", function() {
  37
+  $(":radio").button();
  38
+  assert(":eq(0)", ":eq(1)", ":eq(2)");
  39
+  
  40
+  // click outside of forms
  41
+  $("#radio0 .ui-button:eq(1)").click();
  42
+  assert(":eq(1)", ":eq(1)", ":eq(2)");
  43
+  
  44
+  // click in first form
  45
+  $("#radio1 .ui-button:eq(0)").click();
  46
+  assert(":eq(1)", ":eq(0)", ":eq(2)");
  47
+  
  48
+  // click in second form
  49
+  $("#radio2 .ui-button:eq(0)").click();
  50
+  assert(":eq(1)", ":eq(0)", ":eq(0)");
  51
+});
  52
+
  53
+test("input type submit, don't create child elements", function() {
  54
+  var input = $("#submit")
  55
+  same( input.children().length, 0 );
  56
+  input.button();
  57
+  same( input.children().length, 0 );
  58
+});
  59
+
  60
+test("buttonset", function() {
  61
+  var set = $("#radio1").buttonset();
  62
+  ok( set.is(".ui-button-set") );
  63
+  same( set.children(".ui-button").length, 3 );
  64
+  same( set.children("input:radio:hidden").length, 3 );
  65
+  ok( set.children("label:eq(0)").is(".ui-button.ui-corner-left:not(.ui-corner-all)") );
  66
+  ok( set.children("label:eq(1)").is(".ui-button:not(.ui-corner-all)") );
  67
+  ok( set.children("label:eq(2)").is(".ui-button.ui-corner-right:not(.ui-corner-all)") );
  68
+});
  69
+
  70
+})(jQuery);
Txt tests/unit/button/button_defaults.js
  • View file @ eecbde2
... ...
@@ -1,15 +1,15 @@
1  
-/*
2  
- * button_defaults.js
3  
- */
4  
-
5  
-var button_defaults = {
6  
-  disabled: false,
7  
-  text: true,
8  
-  label: null,
9  
-  icons: {
10  
-    primary: null,
11  
-    secondary: null
12  
-  }
13  
-};
14  
-
15  
-commonWidgetTests('button', { defaults: button_defaults });
  1
+/*
  2
+ * button_defaults.js
  3
+ */
  4
+
  5
+var button_defaults = {
  6
+  disabled: false,
  7
+  text: true,
  8
+  label: null,
  9
+  icons: {
  10
+    primary: null,
  11
+    secondary: null
  12
+  }
  13
+};
  14
+
  15
+commonWidgetTests('button', { defaults: button_defaults });
Txt tests/unit/button/button_events.js
  • View file @ eecbde2
... ...
@@ -1,17 +1,17 @@
1  
-/*
2  
- * button_events.js
3  
- */
4  
-(function($) {
5  
-
6  
-module("button: events");
7  
-
8  
-test("click-through", function() {
9  
-  expect(2);
10  
-  var set = $("#radio1").buttonset();
11  
-  set.find("input:first").click(function() {
12  
-    ok( true );
13  
-  });
14  
-  ok( set.find("label:first").click().is(".ui-button") );
15  
-});
16  
-
17  
-})(jQuery);
  1
+/*
  2
+ * button_events.js
  3
+ */
  4
+(function($) {
  5
+
  6
+module("button: events");
  7
+
  8
+test("click-through", function() {
  9
+  expect(2);
  10
+  var set = $("#radio1").buttonset();
  11
+  set.find("input:first").click(function() {
  12
+    ok( true );
  13
+  });
  14
+  ok( set.find("label:first").click().is(".ui-button") );
  15
+});
  16
+
  17
+})(jQuery);
Txt tests/unit/button/button_methods.js
  • View file @ eecbde2
... ...
@@ -1,15 +1,15 @@
1  
-/*
2  
- * button_methods.js
3  
- */
4  
-(function($) {
5  
-
6  
-
7  
-module("button: methods");
8  
-
9  
-test("destroy", function() {
10  
-  var beforeHtml = $("#button").parent().html();
11  
-  var afterHtml = $("#button").button().button("destroy").parent().html();
12  
-  same( beforeHtml, afterHtml );
13  
-});
14  
-
15  
-})(jQuery);
  1
+/*
  2
+ * button_methods.js
  3
+ */
  4
+(function($) {
  5
+
  6
+
  7
+module("button: methods");
  8
+
  9
+test("destroy", function() {
  10
+  var beforeHtml = $("#button").parent().html();
  11
+  var afterHtml = $("#button").button().button("destroy").parent().html();
  12
+  same( beforeHtml, afterHtml );
  13
+});
  14
+
  15
+})(jQuery);
Txt tests/unit/button/button_options.js
  • View file @ eecbde2
... ...
@@ -1,69 +1,69 @@
1  
-/*
2  
- * button_options.js
3  
- */
4  
-(function($) {
5  
-
6  
-module("button: options");
7  
-
8  
-test("text false without icon", function() {
9  
-  $("#button").button({
10  
-    text: false
11  
-  });
12  
-  ok( $("#button").is(".ui-button-text-only:not(.ui-button-icon-only)") );
13  
-  
14  
-  $("#button").button("destroy");
15  
-});
16  
-
17  
-test("text false with icon", function() {
18  
-  $("#button").button({
19  
-    text: false,
20  
-    icons: {
21  
-      primary: "iconclass"
22  
-    }
23  
-  });
24  
-  ok( $("#button").is(".ui-button-icon-only:not(.ui-button-text):has(span.ui-icon.iconclass)") );
25  
-  
26  
-  $("#button").button("destroy");
27  
-});
28  
-
29  
-test("label, default", function() {
30  
-  $("#button").button();
31  
-  same( $("#button").text(), "Label" );
32  
-  
33  
-  $("#button").button("destroy");
34  
-});
35  
-
36  
-test("label", function() {
37  
-  $("#button").button({
38  
-    label: "xxx"
39  
-  });
40  
-  same( $("#button").text(), "xxx" );
41  
-  
42  
-  $("#button").button("destroy");
43  
-});
44  
-
45  
-test("label default with input type submit", function() {
46  
-  same( $("#submit").button().val(), "Label" );
47  
-});
48  
-
49  
-test("label with input type submit", function() {
50  
-  var label = $("#submit").button({
51  
-    label: "xxx"
52  
-  }).val();
53  
-  same( label, "xxx" );
54  
-});
55  
-
56  
-test("icons", function() {
57  
-  $("#button").button({
58  
-    text: false,
59  
-    icons: {
60  
-      primary: "iconclass",
61  
-      secondary: "iconclass2"
62  
-    }
63  
-  });
64  
-  ok( $("#button").is(":has(span.ui-icon.ui-button-icon-primary.iconclass):has(span.ui-icon.ui-button-icon-secondary.iconclass2)") );
65  
-  
66  
-  $("#button").button("destroy");
67  
-});
68  
-
69  
-})(jQuery);
  1
+/*
  2
+ * button_options.js
  3
+ */
  4
+(function($) {
  5
+
  6
+module("button: options");
  7
+
  8
+test("text false without icon", function() {
  9
+  $("#button").button({
  10
+    text: false
  11
+  });
  12
+  ok( $("#button").is(".ui-button-text-only:not(.ui-button-icon-only)") );
  13
+  
  14
+  $("#button").button("destroy");
  15
+});
  16
+
  17
+test("text false with icon", function() {
  18
+  $("#button").button({
  19
+    text: false,
  20
+    icons: {
  21
+      primary: "iconclass"
  22
+    }
  23
+  });
  24
+  ok( $("#button").is(".ui-button-icon-only:not(.ui-button-text):has(span.ui-icon.iconclass)") );
  25
+  
  26
+  $("#button").button("destroy");
  27
+});
  28
+
  29
+test("label, default", function() {
  30
+  $("#button").button();
  31
+  same( $("#button").text(), "Label" );
  32
+  
  33
+  $("#button").button("destroy");
  34
+});
  35
+
  36
+test("label", function() {
  37
+  $("#button").button({
  38
+    label: "xxx"
  39
+  });
  40
+  same( $("#button").text(), "xxx" );
  41
+  
  42
+  $("#button").button("destroy");
  43
+});
  44
+
  45
+test("label default with input type submit", function() {
  46
+  same( $("#submit").button().val(), "Label" );
  47
+});
  48
+
  49
+test("label with input type submit", function() {
  50
+  var label = $("#submit").button({
  51
+    label: "xxx"
  52
+  }).val();
  53
+  same( label, "xxx" );
  54
+});
  55
+
  56
+test("icons", function() {
  57
+  $("#button").button({
  58
+    text: false,
  59
+    icons: {
  60
+      primary: "iconclass",
  61
+      secondary: "iconclass2"
  62
+    }
  63
+  });
  64
+  ok( $("#button").is(":has(span.ui-icon.ui-button-icon-primary.iconclass):has(span.ui-icon.ui-button-icon-secondary.iconclass2)") );
  65
+  
  66
+  $("#button").button("destroy");
  67
+});
  68
+
  69
+})(jQuery);
Txt tests/unit/button/button_tickets.js
  • View file @ eecbde2
... ...
@@ -1,10 +1,10 @@
1  
-/*
2  
- * button_tickets.js
3  
- */
4  
-(function($) {
5  
-
6  
-module("button: tickets");
7  
-
8  
-
9  
-
10  
-})(jQuery);
  1
+/*
  2
+ * button_tickets.js
  3
+ */
  4
+(function($) {
  5
+
  6
+module("button: tickets");
  7
+
  8
+
  9
+
  10
+})(jQuery);
Txt ui/i18n/jquery.ui.datepicker-af.js
  • View file @ eecbde2
... ...
@@ -1,23 +1,23 @@
1  
-/* Afrikaans initialisation for the jQuery UI date picker plugin. */
2  
-/* Written by Renier Pretorius. */
3  
-jQuery(function($){
4  
-  $.datepicker.regional['af'] = {
5  
-    closeText: 'Selekteer',
6  
-    prevText: 'Vorige',
7  
-    nextText: 'Volgende',
8  
-    currentText: 'Vandag',
9  
-    monthNames: ['Januarie','Februarie','Maart','April','Mei','Junie',
10  
-    'Julie','Augustus','September','Oktober','November','Desember'],
11  
-    monthNamesShort: ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun',
12  
-    'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'],
13  
-    dayNames: ['Sondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrydag', 'Saterdag'],
14  
-    dayNamesShort: ['Son', 'Maa', 'Din', 'Woe', 'Don', 'Vry', 'Sat'],
15  
-    dayNamesMin: ['So','Ma','Di','Wo','Do','Vr','Sa'],
16  
-    weekHeader: 'Wk',
17  
-    dateFormat: 'dd/mm/yy',
18  
-    firstDay: 1,
19  
-    isRTL: false,
20  
-    showMonthAfterYear: false,
21  
-    yearSuffix: ''};
22  
-  $.datepicker.setDefaults($.datepicker.regional['af']);
23  
-});
  1
+/* Afrikaans initialisation for the jQuery UI date picker plugin. */
  2
+/* Written by Renier Pretorius. */
  3
+jQuery(function($){
  4
+  $.datepicker.regional['af'] = {
  5
+    closeText: 'Selekteer',
  6
+    prevText: 'Vorige',
  7
+    nextText: 'Volgende',
  8
+    currentText: 'Vandag',
  9
+    monthNames: ['Januarie','Februarie','Maart','April','Mei','Junie',
  10
+    'Julie','Augustus','September','Oktober','November','Desember'],
  11
+    monthNamesShort: ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun',
  12
+    'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'],
  13
+    dayNames: ['Sondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrydag', 'Saterdag'],
  14
+    dayNamesShort: ['Son', 'Maa', 'Din', 'Woe', 'Don', 'Vry', 'Sat'],
  15
+    dayNamesMin: ['So','Ma','Di','Wo','Do','Vr','Sa'],
  16
+    weekHeader: 'Wk',
  17
+    dateFormat: 'dd/mm/yy',
  18
+    firstDay: 1,
  19
+    isRTL: false,
  20
+    showMonthAfterYear: false,
  21
+    yearSuffix: ''};
  22
+  $.datepicker.setDefaults($.datepicker.regional['af']);
  23
+});
Txt ui/i18n/jquery.ui.datepicker-bs.js
  • View file @ eecbde2
... ...
@@ -1,23 +1,23 @@
1  
-/* Bosnian i18n for the jQuery UI date picker plugin. */
2  
-/* Written by Kenan Konjo. */
3  
-jQuery(function($){
4  
-  $.datepicker.regional['bs'] = {
5  
-    closeText: 'Zatvori', 
6  
-    prevText: '&#x3c;', 
7  
-    nextText: '&#x3e;', 
8  
-    currentText: 'Danas', 
9  
-    monthNames: ['Januar','Februar','Mart','April','Maj','Juni',
10  
-    'Juli','August','Septembar','Oktobar','Novembar','Decembar'],
11  
-    monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
12  
-    'Jul','Aug','Sep','Okt','Nov','Dec'],
13  
-    dayNames: ['Nedelja','Ponedeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
14  
-    dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
15  
-    dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
16  
-    weekHeader: 'Wk',
17  
-    dateFormat: 'dd.mm.yy',
18  
-    firstDay: 1,
19  
-    isRTL: false,
20  
-    showMonthAfterYear: false,
21  
-    yearSuffix: ''};
22  
-  $.datepicker.setDefaults($.datepicker.regional['bs']);
  1
+/* Bosnian i18n for the jQuery UI date picker plugin. */
  2
+/* Written by Kenan Konjo. */
  3
+jQuery(function($){
  4
+  $.datepicker.regional['bs'] = {
  5
+    closeText: 'Zatvori', 
  6
+    prevText: '&#x3c;', 
  7
+    nextText: '&#x3e;', 
  8
+    currentText: 'Danas', 
  9
+    monthNames: ['Januar','Februar','Mart','April','Maj','Juni',
  10
+    'Juli','August','Septembar','Oktobar','Novembar','Decembar'],
  11
+    monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
  12
+    'Jul','Aug','Sep','Okt','Nov','Dec'],
  13
+    dayNames: ['Nedelja','Ponedeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
  14
+    dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
  15
+    dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
  16
+    weekHeader: 'Wk',
  17
+    dateFormat: 'dd.mm.yy',
  18
+    firstDay: 1,
  19
+    isRTL: false,
  20
+    showMonthAfterYear: false,
  21
+    yearSuffix: ''};
  22
+  $.datepicker.setDefaults($.datepicker.regional['bs']);
23 23
 });
24 24
\ No newline at end of file
Txt ui/i18n/jquery.ui.datepicker-en-GB.js
  • View file @ eecbde2
... ...
@@ -1,23 +1,23 @@
1  
-/* English/UK initialisation for the jQuery UI date picker plugin. */
2  
-/* Written by Stuart. */
3  
-jQuery(function($){
4  
-  $.datepicker.regional['en-GB'] = {
5  
-    closeText: 'Done',
6  
-    prevText: 'Prev',
7  
-    nextText: 'Next',
8  
-    currentText: 'Today',
9  
-    monthNames: ['January','February','March','April','May','June',
10  
-    'July','August','September','October','November','December'],
11  
-    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
12  
-    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
13  
-    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
14  
-    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
15  
-    dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
16  
-    weekHeader: 'Wk',
17  
-    dateFormat: 'dd/mm/yy',
18  
-    firstDay: 1,
19  
-    isRTL: false,
20  
-    showMonthAfterYear: false,
21  
-    yearSuffix: ''};
22  
-  $.datepicker.setDefaults($.datepicker.regional['en-GB']);
23  
-});
  1
+/* English/UK initialisation for the jQuery UI date picker plugin. */
  2
+/* Written by Stuart. */
  3
+jQuery(function($){
  4
+  $.datepicker.regional['en-GB'] = {
  5
+    closeText: 'Done',
  6
+    prevText: 'Prev',
  7
+    nextText: 'Next',
  8
+    currentText: 'Today',
  9
+    monthNames: ['January','February','March','April','May','June',
  10
+    'July','August','September','October','November','December'],
  11
+    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
  12
+    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  13
+    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
  14
+    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
  15
+    dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
  16
+    weekHeader: 'Wk',
  17
+    dateFormat: 'dd/mm/yy',
  18
+    firstDay: 1,
  19
+    isRTL: false,
  20
+    showMonthAfterYear: false,
  21
+    yearSuffix: ''};
  22
+  $.datepicker.setDefaults($.datepicker.regional['en-GB']);
  23
+});
Txt ui/i18n/jquery.ui.datepicker-sr-SR.js
  • View file @ eecbde2
... ...
@@ -20,4 +20,4 @@ jQuery(function($){
20 20
     showMonthAfterYear: false,
21 21
     yearSuffix: ''};
22 22
   $.datepicker.setDefaults($.datepicker.regional['sr-SR']);
23  
-});
  23
+});
Txt ui/i18n/jquery.ui.datepicker-sr.js
  • View file @ eecbde2
... ...
@@ -20,4 +20,4 @@ jQuery(function($){
20 20
     showMonthAfterYear: false,
21 21
     yearSuffix: ''};
22 22
   $.datepicker.setDefaults($.datepicker.regional['sr']);
23  
-});
  23
+});

0 notes on commit eecbde2

Please log in to comment.
Blog | Support | Training | Contact | API | Status | Twitter | Help | Security
© 2010 GitHub Inc. All rights reserved. | Terms of Service | Privacy Policy
Powered by the Dedicated Servers and
Cloud Computing of Rackspace Hosting®
Dedicated Server