Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge branch 'master' into grid

Conflicts:
	demos/menubar/default.html
  • Loading branch information...
commit 7608f445d0b8f8d32beb47c975ddca56326d6601 2 parents e4084c4 + ec062c1
@scottgonzalez scottgonzalez authored
Showing with 3,911 additions and 7,606 deletions.
  1. +1 −1  MIT-LICENSE.txt
  2. +6 −0 build/build.xml
  3. +4 −4 demos/accordion/collapsible.html
  4. +4 −4 demos/accordion/custom-icons.html
  5. +4 −4 demos/accordion/default.html
  6. +4 −4 demos/accordion/fillspace.html
  7. +10 −6 demos/accordion/hoverintent.html
  8. +0 −1  demos/accordion/index.html
  9. +0 −57 demos/accordion/mouseover.html
  10. +3 −4 demos/accordion/no-auto-height.html
  11. +16 −18 demos/accordion/sortable.html
  12. +1 −1  demos/addClass/default.html
  13. +2 −2 demos/autocomplete/categories.html
  14. +2 −2 demos/autocomplete/combobox.html
  15. +4 −0 demos/datepicker/localization.html
  16. +2 −2 demos/draggable/cursor-style.html
  17. +18 −17 demos/effect/easing.html
  18. +23 −25 demos/index.html
  19. +0 −65 demos/menu/contextmenu.html
  20. +0 −153 demos/menubar/default.html
  21. +0 −16 demos/menubar/index.html
  22. +0 −84 demos/popup/animation.html
  23. +0 −69 demos/popup/default.html
  24. +0 −20 demos/popup/index.html
  25. +0 −108 demos/popup/popup-menu-table.html
  26. +0 −92 demos/popup/popup-menu.html
  27. +0 −61 demos/popup/tooltip.html
  28. +15 −12 demos/position/cycler.html
  29. +1 −1  demos/sortable/connect-lists.html
  30. +3 −29 demos/tooltip/video-player.html
  31. +9 −2 external/qunit.css
  32. +647 −440 external/qunit.js
  33. +139 −114 tests/jquery.simulate.js
  34. +0 −17 tests/static/slider/default.html
  35. +0 −17 tests/static/slider/default_vertical.html
  36. +0 −17 tests/static/slider/slider_horizontal.html
  37. +0 −17 tests/static/slider/slider_horizontal_range.html
  38. +0 −17 tests/static/slider/slider_horizontal_range_max.html
  39. +0 −17 tests/static/slider/slider_horizontal_range_min.html
  40. +0 −17 tests/static/slider/slider_vertical.html
  41. +0 −17 tests/static/slider/slider_vertical_range.html
  42. +0 −17 tests/static/slider/slider_vertical_range_max.html
  43. +0 −17 tests/static/slider/slider_vertical_range_min.html
  44. +6 −6 tests/unit/accordion/accordion.html
  45. +0 −7 tests/unit/accordion/accordion_core.js
  46. +1 −1  tests/unit/accordion/accordion_defaults.js
  47. +1 −0  tests/unit/accordion/accordion_defaults_deprecated.js
  48. +6 −6 tests/unit/accordion/accordion_deprecated.html
  49. +39 −0 tests/unit/accordion/accordion_events.js
  50. +1 −1  tests/unit/accordion/accordion_options.js
  51. +3 −3 tests/unit/accordion/accordion_test_helpers.js
  52. +72 −0 tests/unit/all-active.html
  53. +82 −39 tests/unit/autocomplete/autocomplete_core.js
  54. +4 −1 tests/unit/autocomplete/autocomplete_events.js
  55. +9 −2 tests/unit/autocomplete/autocomplete_methods.js
  56. +54 −0 tests/unit/autocomplete/autocomplete_options.js
  57. +12 −12 tests/unit/button/button_core.js
  58. +19 −19 tests/unit/button/button_options.js
  59. +35 −35 tests/unit/core/core.js
  60. +35 −35 tests/unit/datepicker/datepicker_core.js
  61. +25 −25 tests/unit/datepicker/datepicker_events.js
  62. +155 −155 tests/unit/datepicker/datepicker_options.js
  63. +8 −8 tests/unit/datepicker/datepicker_tickets.js
  64. +9 −9 tests/unit/dialog/dialog_core.js
  65. +42 −42 tests/unit/dialog/dialog_events.js
  66. +15 −15 tests/unit/dialog/dialog_methods.js
  67. +81 −76 tests/unit/dialog/dialog_options.js
  68. +17 −8 tests/unit/dialog/dialog_tickets.js
  69. +1 −1  tests/unit/draggable/draggable_core.js
  70. +9 −9 tests/unit/draggable/draggable_events.js
  71. +9 −9 tests/unit/draggable/draggable_methods.js
  72. +74 −74 tests/unit/draggable/draggable_options.js
  73. +10 −10 tests/unit/droppable/droppable_methods.js
  74. +2 −2 tests/unit/droppable/droppable_options.js
  75. +17 −17 tests/unit/menu/menu_core.js
  76. +5 −3 tests/unit/menu/menu_defaults.js
  77. +208 −170 tests/unit/menu/menu_events.js
  78. +30 −0 tests/unit/menu/menu_methods.js
  79. +28 −0 tests/unit/menu/menu_options.js
  80. +35 −35 tests/unit/position/position_core.js
  81. +28 −28 tests/unit/position/position_core_within.js
  82. +3 −3 tests/unit/position/position_deprecated.js
  83. +7 −7 tests/unit/progressbar/progressbar_core.js
  84. +5 −5 tests/unit/progressbar/progressbar_events.js
  85. +5 −5 tests/unit/progressbar/progressbar_methods.js
  86. +5 −5 tests/unit/progressbar/progressbar_options.js
  87. +25 −25 tests/unit/resizable/resizable_core.js
  88. +3 −3 tests/unit/resizable/resizable_methods.js
  89. +52 −52 tests/unit/resizable/resizable_options.js
  90. +2 −2 tests/unit/selectable/selectable_events.js
  91. +9 −9 tests/unit/selectable/selectable_methods.js
  92. +4 −4 tests/unit/selectable/selectable_options.js
  93. +34 −34 tests/unit/slider/slider_core.js
  94. +11 −11 tests/unit/slider/slider_events.js
  95. +14 −14 tests/unit/slider/slider_methods.js
  96. +13 −13 tests/unit/slider/slider_options.js
  97. +9 −9 tests/unit/sortable/sortable_methods.js
  98. +2 −2 tests/unit/sortable/sortable_tickets.js
  99. +29 −29 tests/unit/spinner/spinner_methods.js
  100. +56 −10 tests/unit/spinner/spinner_options.js
  101. +3 −3 tests/unit/tabs/tabs.html
  102. +5 −4 tests/unit/tabs/tabs_core.js
  103. +3 −3 tests/unit/tabs/tabs_deprecated.html
  104. +65 −65 tests/unit/tabs/tabs_deprecated.js
  105. +92 −53 tests/unit/tabs/tabs_events.js
  106. +14 −14 tests/unit/tabs/tabs_methods.js
  107. +11 −11 tests/unit/tabs/tabs_options.js
  108. +4 −4 tests/unit/testsuite.js
  109. +1 −0  tests/unit/tooltip/tooltip_core.js
  110. +7 −7 tests/unit/tooltip/tooltip_events.js
  111. +2 −2 tests/unit/tooltip/tooltip_methods.js
  112. +7 −7 tests/unit/tooltip/tooltip_options.js
  113. +183 −108 tests/unit/widget/widget_core.js
  114. +95 −0 tests/visual/accordion/accordion.html
  115. +50 −2,942 tests/visual/dialog/dialog_on_page_with_large_dom.html
  116. +7 −7 tests/visual/menu/drilldown.html
  117. +8 −7 tests/visual/menu/menu.html
  118. +22 −15 tests/visual/tooltip/tooltip.html
  119. +6 −8 themes/base/jquery.ui.accordion.css
  120. +1 −1  themes/base/jquery.ui.all.css
  121. +1 −1  themes/base/jquery.ui.autocomplete.css
  122. +1 −2  themes/base/jquery.ui.base.css
  123. +2 −2 themes/base/jquery.ui.button.css
  124. +1 −1  themes/base/jquery.ui.core.css
  125. +1 −1  themes/base/jquery.ui.datepicker.css
  126. +2 −2 themes/base/jquery.ui.dialog.css
  127. +2 −2 themes/base/jquery.ui.menu.css
  128. +0 −15 themes/base/jquery.ui.menubar.css
  129. +1 −1  themes/base/jquery.ui.progressbar.css
  130. +1 −1  themes/base/jquery.ui.resizable.css
  131. +1 −1  themes/base/jquery.ui.selectable.css
  132. +1 −1  themes/base/jquery.ui.slider.css
  133. +1 −1  themes/base/jquery.ui.spinner.css
  134. +1 −1  themes/base/jquery.ui.tabs.css
  135. +1 −1  themes/base/jquery.ui.theme.css
  136. +1 −1  themes/base/jquery.ui.tooltip.css
  137. +15 −15 ui/i18n/jquery.ui.datepicker-bg.js
  138. +1 −1  ui/i18n/jquery.ui.datepicker-cs.js
  139. +8 −8 ui/i18n/jquery.ui.datepicker-da.js
  140. +1 −1  ui/i18n/jquery.ui.datepicker-et.js
  141. +7 −7 ui/i18n/jquery.ui.datepicker-fi.js
  142. +2 −2 ui/i18n/jquery.ui.datepicker-fr.js
  143. +2 −2 ui/i18n/jquery.ui.datepicker-he.js
  144. +23 −0 ui/i18n/jquery.ui.datepicker-hi.js
  145. +23 −0 ui/i18n/jquery.ui.datepicker-km.js
  146. +7 −7 ui/i18n/jquery.ui.datepicker-ko.js
  147. +1 −1  ui/i18n/jquery.ui.datepicker-mk.js
  148. +2 −2 ui/i18n/jquery.ui.datepicker-nl-BE.js
  149. +18 −18 ui/i18n/jquery.ui.datepicker-no.js
  150. +8 −8 ui/i18n/jquery.ui.datepicker-sv.js
  151. +7 −5 ui/jquery.effects.blind.js
  152. +1 −1  ui/jquery.effects.bounce.js
  153. +1 −1  ui/jquery.effects.clip.js
  154. +38 −218 ui/jquery.effects.core.js
  155. +1 −1  ui/jquery.effects.drop.js
  156. +1 −1  ui/jquery.effects.explode.js
  157. +1 −1  ui/jquery.effects.fade.js
  158. +1 −1  ui/jquery.effects.fold.js
  159. +1 −1  ui/jquery.effects.highlight.js
  160. +1 −1  ui/jquery.effects.pulsate.js
  161. +1 −1  ui/jquery.effects.scale.js
  162. +1 −1  ui/jquery.effects.shake.js
  163. +1 −1  ui/jquery.effects.slide.js
  164. +1 −1  ui/jquery.effects.transfer.js
  165. +167 −202 ui/jquery.ui.accordion.js
  166. +56 −34 ui/jquery.ui.autocomplete.js
  167. +12 −14 ui/jquery.ui.button.js
  168. +13 −18 ui/jquery.ui.core.js
  169. +19 −17 ui/jquery.ui.datepicker.js
  170. +16 −5 ui/jquery.ui.dialog.js
  171. +19 −19 ui/jquery.ui.draggable.js
  172. +1 −1  ui/jquery.ui.droppable.js
  173. +92 −98 ui/jquery.ui.menu.js
  174. +0 −299 ui/jquery.ui.menubar.js
  175. +10 −10 ui/jquery.ui.mouse.js
  176. +0 −279 ui/jquery.ui.popup.js
  177. +13 −13 ui/jquery.ui.position.js
  178. +1 −1  ui/jquery.ui.progressbar.js
  179. +32 −66 ui/jquery.ui.resizable.js
  180. +1 −1  ui/jquery.ui.selectable.js
  181. +19 −23 ui/jquery.ui.slider.js
  182. +8 −4 ui/jquery.ui.sortable.js
  183. +14 −1 ui/jquery.ui.spinner.js
  184. +149 −160 ui/jquery.ui.tabs.js
  185. +21 −11 ui/jquery.ui.tooltip.js
  186. +76 −35 ui/jquery.ui.widget.js
View
2  MIT-LICENSE.txt
@@ -1,4 +1,4 @@
-Copyright (c) 2011 Paul Bakaus, http://jqueryui.com/
+Copyright (c) 2012 Paul Bakaus, http://jqueryui.com/
This software consists of voluntary contributions made by many
individuals (AUTHORS.txt, http://jqueryui.com/about) For exact
View
6 build/build.xml
@@ -123,6 +123,12 @@
<mapper type="glob" from="*.js" to="${min.dir}/*.min.js" />
<targetfile/>
</apply>
+ <apply executable="build/minify-js.sh">
+ <fileset dir="${dist.dir}/ui/i18n" includes="**.js" />
+ <srcfile />
+ <mapper type="glob" from="*.js" to="${min.dir}/i18n/*.min.js" />
+ <targetfile/>
+ </apply>
<apply executable="java" parallel="false">
<fileset dir="${dist.dir}/themes/base" includes="*.css" />
<arg line="-jar" />
View
8 demos/accordion/collapsible.html
@@ -22,15 +22,15 @@
<div class="demo">
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
@@ -39,7 +39,7 @@
<li>List item three</li>
</ul>
</div>
- <h3><a href="#">Section 4</a></h3>
+ <h3>Section 4</h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
View
8 demos/accordion/custom-icons.html
@@ -32,15 +32,15 @@
<div class="demo">
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
@@ -49,7 +49,7 @@
<li>List item three</li>
</ul>
</div>
- <h3><a href="#">Section 4</a></h3>
+ <h3>Section 4</h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
View
8 demos/accordion/default.html
@@ -20,7 +20,7 @@
<div class="demo">
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
@@ -29,7 +29,7 @@
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
@@ -38,7 +38,7 @@
suscipit faucibus urna.
</p>
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
@@ -52,7 +52,7 @@
<li>List item three</li>
</ul>
</div>
- <h3><a href="#">Section 4</a></h3>
+ <h3>Section 4</h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
View
8 demos/accordion/fillspace.html
@@ -37,15 +37,15 @@ <h3 class="docs">Resize the outer container:</h3>
<div id="accordionResizer" style="padding:10px; width:350px; height:220px;" class="ui-widget-content">
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
@@ -54,7 +54,7 @@ <h3 class="docs">Resize the outer container:</h3>
<li>List item three</li>
</ul>
</div>
- <h3><a href="#">Section 4</a></h3>
+ <h3>Section 4</h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
View
16 demos/accordion/hoverintent.html
@@ -29,7 +29,7 @@
$( this ).unbind( "mouseover", jQuery.event.special.hoverintent.handler );
},
handler: function( event ) {
- var self = this,
+ var that = this,
args = arguments,
target = $( event.target ),
cX, cY, pX, pY;
@@ -50,7 +50,11 @@
if ( ( Math.abs( pX - cX ) + Math.abs( pY - cY ) ) < cfg.sensitivity ) {
clear();
event.type = "hoverintent";
- jQuery.event.handle.apply( self, args );
+ // prevent accessing the original event since the new event
+ // is fired asynchronously and the old event is no longer
+ // usable (#6028)
+ event.originalEvent = {};
+ jQuery.event.handle.apply( that, args );
} else {
pX = cX;
pY = cY;
@@ -69,7 +73,7 @@
<div class="demo">
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
@@ -78,7 +82,7 @@
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
@@ -87,7 +91,7 @@
suscipit faucibus urna.
</p>
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
@@ -101,7 +105,7 @@
<li>List item three</li>
</ul>
</div>
- <h3><a href="#">Section 4</a></h3>
+ <h3>Section 4</h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
View
1  demos/accordion/index.html
@@ -14,7 +14,6 @@
<li><a href="fillspace.html">Fill space</a></li>
<li><a href="no-auto-height.html">No auto height</a></li>
<li><a href="collapsible.html">Collapse content</a></li>
- <li><a href="mouseover.html">Open on mouseover</a></li>
<li><a href="hoverintent.html">Open on hoverintent</a></li>
<li><a href="custom-icons.html">Customize icons</a></li>
<li><a href="sortable.html">Sortable</a></li>
View
57 demos/accordion/mouseover.html
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Accordion - Open on mouseover</title>
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.accordion.js"></script>
- <link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
- $( "#accordion" ).accordion({
- event: "mouseover"
- });
- });
- </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
- <div>
- <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
- </div>
- <h3><a href="#">Section 2</a></h3>
- <div>
- <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
- </div>
- <h3><a href="#">Section 3</a></h3>
- <div>
- <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
- <ul>
- <li>List item one</li>
- <li>List item two</li>
- <li>List item three</li>
- </ul>
- </div>
- <h3><a href="#">Section 4</a></h3>
- <div>
- <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
- </div>
-</div>
-
-</div><!-- End demo -->
-
-
-
-<div class="demo-description">
-<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
-</div><!-- End demo-description -->
-
-</body>
-</html>
View
7 demos/accordion/no-auto-height.html
@@ -22,15 +22,15 @@
<div class="demo">
<div id="accordion">
- <h3><a href="#section1">Section 1</a></h3>
+ <h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
- <h3><a href="#section2">Section 2</a></h3>
+ <h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
- <h3><a href="#section3">Section 3</a></h3>
+ <h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
@@ -42,7 +42,6 @@
<li>List item</li>
<li>List item</li>
</ul>
- <a href="#othercontent">Link to other content</a>
</div>
</div>
View
34 demos/accordion/sortable.html
@@ -11,16 +11,12 @@
<script src="../../ui/jquery.ui.sortable.js"></script>
<script src="../../ui/jquery.ui.accordion.js"></script>
<link rel="stylesheet" href="../demos.css">
+ <style>
+ /* IE has layout issues when sorting (see #5413) */
+ .group { zoom: 1 }
+ </style>
<script>
$(function() {
- var stop = false;
- $( "#accordion h3" ).click(function( event ) {
- if ( stop ) {
- event.stopImmediatePropagation();
- event.preventDefault();
- stop = false;
- }
- });
$( "#accordion" )
.accordion({
header: "> div > h3"
@@ -28,8 +24,10 @@
.sortable({
axis: "y",
handle: "h3",
- stop: function() {
- stop = true;
+ stop: function( event, ui ) {
+ // IE doesn't register the blur when sorting
+ // so trigger focusout handlers to remove .ui-state-focus
+ ui.item.children( "h3" ).triggerHandler( "focusout" );
}
});
});
@@ -40,20 +38,20 @@
<div class="demo">
<div id="accordion">
- <div>
- <h3><a href="#">Section 1</a></h3>
+ <div class="group">
+ <h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
</div>
- <div>
- <h3><a href="#">Section 2</a></h3>
+ <div class="group">
+ <h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
</div>
- <div>
- <h3><a href="#">Section 3</a></h3>
+ <div class="group">
+ <h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
@@ -63,8 +61,8 @@
</ul>
</div>
</div>
- <div>
- <h3><a href="#">Section 4</a></h3>
+ <div class="group">
+ <h3>Section 4</h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
View
2  demos/addClass/default.html
@@ -33,7 +33,7 @@
<div class="demo">
<div class="toggler">
- <div id="effect" class=" ui-corner-all">
+ <div id="effect" class="ui-corner-all">
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
</div>
</div>
View
4 demos/autocomplete/categories.html
@@ -22,14 +22,14 @@
<script>
$.widget( "custom.catcomplete", $.ui.autocomplete, {
_renderMenu: function( ul, items ) {
- var self = this,
+ var that = this,
currentCategory = "";
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
currentCategory = item.category;
}
- self._renderItem( ul, item );
+ that._renderItem( ul, item );
});
}
});
View
4 demos/autocomplete/combobox.html
@@ -29,7 +29,7 @@
(function( $ ) {
$.widget( "ui.combobox", {
_create: function() {
- var self = this,
+ var that = this,
select = this.element.hide(),
selected = select.children( ":selected" ),
value = selected.val() ? selected.text() : "";
@@ -85,7 +85,7 @@
},
select: function( event, ui ) {
ui.item.option.selected = true;
- self._trigger( "selected", event, {
+ that._trigger( "selected", event, {
item: ui.item.option
});
},
View
4 demos/datepicker/localization.html
@@ -34,6 +34,7 @@
<script src="../../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-gl.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-he.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-hi.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-hr.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-hu.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-hy.js"></script>
@@ -42,6 +43,7 @@
<script src="../../ui/i18n/jquery.ui.datepicker-it.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-ja.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-kk.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-km.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-ko.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-lb.js"></script>
<script src="../../ui/i18n/jquery.ui.datepicker-lt.js"></script>
@@ -123,12 +125,14 @@
<option value="de">German (Deutsch)</option>
<option value="el">Greek (&#917;&#955;&#955;&#951;&#957;&#953;&#954;&#940;)</option>
<option value="he">Hebrew (&#8235;(&#1506;&#1489;&#1512;&#1497;&#1514;</option>
+ <option value="hi">Hindi (&#2361;&#2367;&#2306;&#2342;&#2368;)</option>
<option value="hu">Hungarian (Magyar)</option>
<option value="is">Icelandic (&Otilde;slenska)</option>
<option value="id">Indonesian (Bahasa Indonesia)</option>
<option value="it">Italian (Italiano)</option>
<option value="ja">Japanese (&#26085;&#26412;&#35486;)</option>
<option value="kk">Kazakhstan (Kazakh)</option>
+ <option value="km">Khmer</option>
<option value="ko">Korean (&#54620;&#44397;&#50612;)</option>
<option value="lv">Latvian (Latvie&ouml;u Valoda)</option>
<option value="lt">Lithuanian (lietuviu kalba)</option>
View
4 demos/draggable/cursor-style.html
@@ -15,8 +15,8 @@
</style>
<script>
$(function() {
- $( "#draggable" ).draggable({ cursorAt: { cursor: "move", top: 56, left: 56 } });
- $( "#draggable2" ).draggable({ cursorAt: { cursor: "crosshair", top: -5, left: -5 } });
+ $( "#draggable" ).draggable({ cursor: "move", cursorAt: { top: 56, left: 56 } });
+ $( "#draggable2" ).draggable({ cursor: "crosshair", cursorAt: { top: -5, left: -5 } });
$( "#draggable3" ).draggable({ cursorAt: { bottom: 0 } });
});
</script>
View
35 demos/effect/easing.html
@@ -15,10 +15,9 @@
</style>
<script>
$(function() {
- if ( !$( "<canvas/>" )[0].getContext ) {
- $( "<div/>" ).text(
- "Your browser doesn't support canvas, which is required for this demo. " +
- "Give Firefox 3 a try!"
+ if ( !$( "<canvas>" )[0].getContext ) {
+ $( "<div>" ).text(
+ "Your browser doesn't support canvas, which is required for this demo."
).appendTo( "#graphs" );
return;
}
@@ -26,15 +25,13 @@
var i = 0,
width = 100,
height = 100;
+
$.each( $.easing, function( name, impl ) {
- // skip linear/jswing and any non functioning implementation
- if ( !$.isFunction( impl ) || /jswing/.test( name ) ) {
- return;
- }
- var graph = $( "<div/>" ).addClass( "graph" ).appendTo( "#graphs" ),
- text = $( "<div/>" ).text( ++i + ". " + name ).appendTo( graph ),
- wrap = $( "<div/>" ).appendTo( graph ).css( 'overflow', 'hidden' ),
- canvas = $( "<canvas/>" ).appendTo( wrap )[ 0 ];
+ var graph = $( "<div>" ).addClass( "graph" ).appendTo( "#graphs" ),
+ text = $( "<div>" ).text( ++i + ". " + name ).appendTo( graph ),
+ wrap = $( "<div>" ).appendTo( graph ).css( 'overflow', 'hidden' ),
+ canvas = $( "<canvas>" ).appendTo( wrap )[ 0 ];
+
canvas.width = width;
canvas.height = height;
var drawHeight = height * 0.8,
@@ -42,6 +39,7 @@
ctx = canvas.getContext( "2d" );
ctx.fillStyle = "black";
+ // draw background
ctx.beginPath();
ctx.moveTo( cradius, 0 );
ctx.quadraticCurveTo( 0, 0, 0, cradius );
@@ -53,31 +51,34 @@
ctx.lineTo( cradius, 0 );
ctx.fill();
+ // draw bottom line
ctx.strokeStyle = "#555";
ctx.beginPath();
ctx.moveTo( width * 0.1, drawHeight + .5 );
ctx.lineTo( width * 0.9, drawHeight + .5 );
ctx.stroke();
+ // draw top line
ctx.strokeStyle = "#555";
ctx.beginPath();
ctx.moveTo( width * 0.1, drawHeight * .3 - .5 );
ctx.lineTo( width * 0.9, drawHeight * .3 - .5 );
ctx.stroke();
-
+
+ // plot easing
ctx.strokeStyle = "white";
ctx.beginPath();
ctx.lineWidth = 2;
ctx.moveTo( width * 0.1, drawHeight );
$.each( new Array( width ), function( position ) {
- var val = impl( 0, position, 0, 1, height );
- if ( /linear|jswing/.test( name ) ) {
- val = position / width;
- }
+ var state = position / width,
+ val = impl( state, position, 0, 1, width );
ctx.lineTo( position * 0.8 + width * 0.1,
drawHeight - drawHeight * val * 0.7 );
});
ctx.stroke();
+
+ // animate on click
graph.click(function() {
wrap
.animate( { height: "hide" }, 2000, name )
View
48 demos/index.html
@@ -20,8 +20,6 @@
<script src="../ui/jquery.ui.draggable.js"></script>
<script src="../ui/jquery.ui.droppable.js"></script>
<script src="../ui/jquery.ui.menu.js"></script>
- <script src="../ui/jquery.ui.menubar.js"></script>
- <script src="../ui/jquery.ui.popup.js"></script>
<script src="../ui/jquery.ui.position.js"></script>
<script src="../ui/jquery.ui.progressbar.js"></script>
<script src="../ui/jquery.ui.resizable.js"></script>
@@ -70,6 +68,7 @@
<script src="../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-gl.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-he.js"></script>
+ <script src="../ui/i18n/jquery.ui.datepicker-hi.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-hr.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-hu.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-hy.js"></script>
@@ -78,6 +77,7 @@
<script src="../ui/i18n/jquery.ui.datepicker-it.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-ja.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-kk.js"></script>
+ <script src="../ui/i18n/jquery.ui.datepicker-km.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-ko.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-lb.js"></script>
<script src="../ui/i18n/jquery.ui.datepicker-lt.js"></script>
@@ -111,7 +111,7 @@
<script src="../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script>
<script>
$(function() {
-
+
$('.left-nav a').click(function(ev) {
window.location.hash = this.href.replace(/.+\/([^\/]+)\/index\.html/,'$1') + '|default';
loadPage(this.href);
@@ -119,20 +119,20 @@
$(this).addClass('selected');
ev.preventDefault();
});
-
+
if (window.location.hash) {
if (window.location.hash.indexOf('|') === -1) {
- window.location.hash += '|default';
- }
+ window.location.hash += '|default';
+ }
var path = window.location.href.replace(/(index\.html)?#/,'');
path = path.replace('\|','/') + '.html';
loadPage(path);
- }
+ }
- function loadPage(path) {
+ function loadPage(path) {
var section = path.replace(/\/[^\/]+\.html/,'');
var header = section.replace(/.+\/([^\/]+)/,'$1').replace(/_/, ' ');
-
+
$('td.normal div.normal')
.empty()
.append('<h4 class="demo-subheader">Functional demo:</h4>')
@@ -148,7 +148,7 @@
$(this).click(function() {
resetDemos();
-
+
$(this).parents('ul').find('li').removeClass('demo-config-on');
$(this).parent().addClass('demo-config-on');
$('#demo-notes').fadeOut();
@@ -167,8 +167,8 @@
$('#demo-config-menu a').each(function(){
if (this.href.indexOf(demo + '.html') !== -1) {
$(this).parents('ul').find('li').removeClass('demo-config-on');
- $(this).parent().addClass('demo-config-on');
- loadDemo(this.href);
+ $(this).parent().addClass('demo-config-on');
+ loadDemo(this.href);
}
});
}
@@ -184,10 +184,10 @@
.end()
.end()
;
-
+
resetDemos();
}
-
+
function loadDemo(path) {
var directory = path.match(/([^\/]+)\/[^\/\.]+\.html$/)[1];
$.get(path, function(data) {
@@ -207,7 +207,7 @@
$('#demo-link a').attr('href', path);
updateDemoNotes();
updateDemoSource(source);
-
+
if (/default.html$/.test(path)) {
$.get("documentation/docs-" + path.match(/demos\/(.+)\//)[1] + ".html", function(html) {
$("#demo-source").after(html);
@@ -227,9 +227,9 @@
return false;
});
});
- });
+ }, "html" );
}
- });
+ }, "html" );
}
function updateDemoNotes() {
@@ -241,7 +241,7 @@
$('#demo-notes').show();
notes.hide();
}
-
+
function updateDemoSource(source) {
if ($('#demo-source').length == 0) {
$('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes');
@@ -257,12 +257,12 @@
$('#demo-source code').empty().text(cleanedSource);
}
-
+
function resetDemos() {
$.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));
- $(".ui-dialog-content").remove();
+ $(".ui-dialog-content").remove();
}
-
+
});
</script>
</head>
@@ -285,8 +285,6 @@
<dd><a href="datepicker/index.html">Datepicker</a></dd>
<dd><a href="dialog/index.html">Dialog</a></dd>
<dd><a href="menu/index.html">Menu</a></dd>
- <dd><a href="menubar/index.html">Menubar</a></dd>
- <dd><a href="popup/index.html">Popup</a></dd>
<dd><a href="progressbar/index.html">Progressbar</a></dd>
<dd><a href="slider/index.html">Slider</a></dd>
<dd><a href="spinner/index.html">Spinner</a></dd>
@@ -307,7 +305,7 @@
<dd><a href="widget/index.html">Widget</a></dd>
<dt>About jQuery UI</dt>
<dd><a href="http://jqueryui.com/docs/Getting_Started">Getting Started</a></dd>
- <dd><a href="http://jqueryui.com/docs/Upgrade_Guide">Upgrade Guide</a></dd>
+ <dd><a href="http://jqueryui.com/docs/Upgrade_Guide">Upgrade Guide</a></dd>
<dd><a href="http://jqueryui.com/docs/Changelog">Changelog</a></dd>
<dd><a href="http://jqueryui.com/docs/Roadmap">Roadmap</a></dd>
<dd><a href="http://jqueryui.com/docs/Subversion">Subversion Access</a></dd>
@@ -328,7 +326,7 @@
<p>
These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them.
</p>
-
+
</div>
</td>
View
65 demos/menu/contextmenu.html
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery UI Menu - Contextmenu demo</title>
- <link href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <link href="../demos.css" rel="stylesheet" />
- <script>
- $(function() {
- var btn = $(".demo button").button({
- icons: {
- primary: "ui-icon-home",
- secondary: "ui-icon-triangle-1-s"
- }
- });
- $("#cities").menu({
- select: function(event, ui) {
- $("#log").append("<div>Selected " + ui.item.text() + "</div>");
- },
- trigger : btn});
- });
- </script>
- <style>
- .ui-menu { width: 200px; position: absolute; }
- </style>
-</head>
-<body>
-
-<div class="demo">
-
- <button>Select a city</button>
- <ul id="cities">
- <li><a href="#Amsterdam">Amsterdam</a></li>
- <li><a href="#Anaheim">Anaheim</a></li>
- <li><a href="#Cologne">Cologne</a></li>
- <li><a href="#Frankfurt">Frankfurt</a></li>
- <li><a href="#Magdeburg">Magdeburg</a></li>
- <li><a href="#Munich">Munich</a></li>
- <li><a href="#Utrecht">Utrecht</a></li>
- <li><a href="#Zurich">Zurich</a></li>
- </ul>
-
- <div id="log"></div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>A simple contextmenu: Click the button, or tab to it and hit space to open the menu. Use the mouse or cursor keys to select an item, click it or hit enter to select it.</p>
-
-<p>The keyboard handling is part of the menu. Using the input option to menu is configured to add the key event handlers to the button, as that button gets focused when clicked.</p>
-
-</div><!-- End demo-description -->
-
-
-
-</body>
-</html>
View
153 demos/menubar/default.html
@@ -1,153 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Menubar - Default demo</title>
- <link rel="stylesheet" href="../demos.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.menubar.js"></script>
- <script>
- $(function() {
- function select(event, ui) {
- $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
- if (ui.item.text() == 'Quit') {
- $(this).menubar('destroy');
- }
- }
- $("#bar1").menubar({
- position: {
- within: $("#demo-frame").add(window).first()
- },
- select: select
- });
-
- $(".menubar-icons").menubar({
- autoExpand: true,
- menuIcon: true,
- buttons: true,
- position: {
- within: $("#demo-frame").add(window).first()
- },
- select: select
- });
- });
- </script>
- <style>
- #bar1, #bar2 { margin: 0 0 4em; }
- </style>
-</head>
-<body>
-
-<div class="demo">
-<ul id="bar1" class="menubar">
- <li>
- <a href="#File">File</a>
- <ul>
- <li><a href="#Open...">Open...</a></li>
- <li class="ui-state-disabled">Open recent...</li>
- <li><a href="#Save">Save</a></li>
- <li><a href="#Save as...">Save as...</a></li>
- <li><a href="#Close">Close</a></li>
- <li><a href="#Quit">Quit</a></li>
- </ul>
- </li>
- <li>
- <a href="#Edit">Edit</a>
- <ul>
- <li><a href="#Copy">Copy</a></li>
- <li><a href="#Cut">Cut</a></li>
- <li class="ui-state-disabled">Paste</li>
- </ul>
- </li>
- <li>
- <a href="#View">View</a>
- <ul>
- <li><a href="#Fullscreen">Fullscreen</a></li>
- <li><a href="#Fit into view">Fit into view</a></li>
- <li>
- <a href="#Encoding">Encoding</a>
- <ul>
- <li><a href="#Auto-detect">Auto-detect</a></li>
- <li><a href="#UTF-8">UTF-8</a></li>
- <li>
- <a href="#UTF-16">UTF-16</a>
- <ul>
- <li><a href="#Option 1">Option 1</a></li>
- <li><a href="#Option 2">Option 2</a></li>
- <li><a href="#Option 3">Option 3</a></li>
- <li><a href="#Option 4">Option 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="#Customize...">Customize...</a></li>
- </ul>
- </li>
-</ul>
-
-<ul id="bar2" class="menubar-icons">
- <li>
- <a href="#File">File</a>
- <ul>
- <li><a href="#Open...">Open...</a></li>
- <li class="ui-state-disabled">Open recent...</li>
- <li><a href="#Save">Save</a></li>
- <li><a href="#Save as...">Save as...</a></li>
- <li><a href="#Close">Close</a></li>
- <li><a href="#Quit">Quit</a></li>
- </ul>
- </li>
- <li>
- <a href="#Edit">Edit</a>
- <ul>
- <li><a href="#Copy">Copy</a></li>
- <li><a href="#Cut">Cut</a></li>
- <li class="ui-state-disabled">Paste</li>
- </ul>
- </li>
- <li>
- <a href="#View">View</a>
- <ul>
- <li><a href="#Fullscreen">Fullscreen</a></li>
- <li><a href="#Fit into view">Fit into view</a></li>
- <li>
- <a href="#Encoding">Encoding</a>
- <ul>
- <li><a href="#Auto-detect">Auto-detect</a></li>
- <li><a href="#UTF-8">UTF-8</a></li>
- <li>
- <a href="#UTF-16">UTF-16</a>
- <ul>
- <li><a href="#Option 1">Option 1</a></li>
- <li><a href="#Option 2">Option 2</a></li>
- <li><a href="#Option 3">Option 3</a></li>
- <li><a href="#Option 4">Option 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="#Customize...">Customize...</a></li>
- </ul>
- </li>
-</ul>
-
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
- Log:
- <div id="log" style="height: 100px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
-</div>
-</div>
-
-<div class="demo-description">
-
-<p></p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
16 demos/menubar/index.html
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery UI Menubar Demos</title>
- <link href="../demos.css" rel="stylesheet" />
-</head>
-<body>
- <div class="demos-nav">
- <h4>Examples</h4>
- <ul>
- <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
- </ul>
- </div>
-</body>
-</html>
View
84 demos/popup/animation.html
@@ -1,84 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Animation demo</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.effects.core.js"></script>
- <script src="../../ui/jquery.effects.blind.js"></script>
- <script src="../../ui/jquery.effects.scale.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- var selected = {
- select: function( event, ui ) {
- $( "<div/>" ).text( "Selected: " + ui.item.text() ).appendTo( "#log" );
- $(this).popup("close");
- }
- };
-
- $("#login-form").popup({
- show: {
- effect: "blind",
- direction: "up",
- mode: "show",
- duration: "fast"
- },
- hide: {
- effect: "scale",
- percent: 0,
- duration: "fast"
- }
- })
- .find(":submit").button().click(function(event) {
- event.preventDefault();
- });
- });
- </script>
- <style type="text/css">
- .ui-popup { position: absolute; z-index: 5000; }
-
- #login-form {
- width: 16em; border: 1px solid gray; border-radius: 5px;
- padding: 1em;
- box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
- background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
- font-size: 1.3em; outline: none;
- }
- #login-form label { display: inline-block; width: 5em; }
- #login-form .submit { margin-left: 5em; }
- </style>
-</head>
-<body>
-
-<div class="demo">
- <a href="#login-form">Log In</a>
- <div class="ui-widget-content" id="login-form" aria-label="Login options">
- <div>
- <label for="un">Username</label>
- <input type="text" id="un" />
- </div>
- <div>
- <label for="pw">Password</label>
- <input type="password" id="pw" />
- </div>
- <div>
- <input type="submit" value="Login" class="submit" />
- </div>
- </div>
-</div>
-
-<div class="demo-description">
-
-<p>A link to a login form that opens as a popup. Open and close animations have been used.</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
69 demos/popup/default.html
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Default demo</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- var selected = {
- select: function( event, ui ) {
- $( "<div/>" ).text( "Selected: " + ui.item.text() ).appendTo( "#log" );
- $(this).popup("close");
- }
- };
-
- $("#login-form").popup()
- .find(":submit").button().click(function(event) {
- event.preventDefault();
- });
- });
- </script>
- <style type="text/css">
- .ui-popup { position: absolute; z-index: 5000; }
-
- #login-form {
- width: 16em; border: 1px solid gray; border-radius: 5px;
- padding: 1em;
- box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
- background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
- font-size: 1.3em; outline: none;
- }
- #login-form label { display: inline-block; width: 5em; }
- #login-form .submit { margin-left: 5em; }
- </style>
-</head>
-<body>
-
-<div class="demo">
- <a href="#login-form">Log In</a>
- <div class="ui-widget-content" id="login-form" aria-label="Login options">
- <div>
- <label for="un">Username</label>
- <input type="text" id="un" />
- </div>
- <div>
- <label for="pw">Password</label>
- <input type="password" id="pw" />
- </div>
- <div>
- <input type="submit" value="Login" class="submit" />
- </div>
- </div>
-</div>
-
-<div class="demo-description">
-
-<p>A link to a login form that opens as a popup.</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
20 demos/popup/index.html
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery UI Popup Demos</title>
- <link href="../demos.css" rel="stylesheet" />
-</head>
-<body>
- <div class="demos-nav">
- <h4>Examples</h4>
- <ul>
- <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
- <li><a href="tooltip.html">Popup on hover (tooltip)</a></li>
- <li><a href="animation.html">Popup - show/hide effects</a></li>
- <li><a href="popup-menu.html">Menu's as popup</a></li>
- <li><a href="popup-menu-table.html">Menu's as popup in a table</a></li>
- </ul>
- </div>
-</body>
-</html>
View
108 demos/popup/popup-menu-table.html
@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Menu as Popup in table demo</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- var selected = {
- select: function( event, ui ) {
- $( "<div/>" ).text( "Selected: " + ui.item.text() ).appendTo( "#log" );
- $(this).popup("close");
- }
- };
-
- $(".demo td:has(.menubar)").clone().appendTo(".demo tbody tr:not(:first)");
- $("table .menubar > ul").menu(selected).popup().prev().button();
- });
- </script>
- <style type="text/css">
- .ui-popup { position: absolute; z-index: 5000; }
- .ui-menu { width: 200px; }
-
- .demo table {
- border-collapse: collapse;
- }
- .demo th, .demo td {
- padding: 0.5em;
- }
- </style>
-</head>
-<body>
-
-<div class="demo">
-
- <table id="movies" class="ui-widget">
- <thead>
- <tr>
- <th data-field="Name" class="ui-widget-header">Name</th>
- <th data-field="ReleaseYear" class="ui-widget-header">Release Year</th>
- <th data-field="AverageRating" class="ui-widget-header">Average Rating</th>
- <th class="ui-widget-header"></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-widget-content">Red Hot Chili Peppers: Funky Monks</td>
- <td class="ui-widget-content">1993</td>
- <td class="ui-widget-content">3.6</td>
- <td class="ui-widget-content">
- <div class="menubar">
- <a href="#">Options</a>
- <ul>
- <li><a href="#">Order...</a></li>
- <li class="ui-state-disabled">Write a Review...</li>
- <li><a href="#">Find Similar Movies...</a></li>
- <li>
- <a href="#">Rate</a>
- <ul>
- <li><a href="#">5 stars</a></li>
- <li><a href="#">4 stars</a></li>
- <li><a href="#">3 stars</a></li>
- <li><a href="#">2 stars</a></li>
- <li><a href="#">1 stars</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </td>
- </tr>
- <tr>
- <td class="ui-widget-content">Rod Stewart: Storyteller 1984-1991</td>
- <td class="ui-widget-content">1991</td>
- <td class="ui-widget-content">3.1</td>
- </tr>
- <tr>
- <td class="ui-widget-content">Stevie Ray Vaughan and Double Trouble: Live at the El Mocambo 1983</td>
- <td class="ui-widget-content">1991</td>
- <td class="ui-widget-content">3.9</td>
- </tr>
- <tr>
- <td class="ui-widget-content">Spike and Mike's Sick &amp; Twisted Festival of Animation</td>
- <td class="ui-widget-content">1997</td>
- <td class="ui-widget-content">2.6</td>
- </tr>
- </tbody>
- </table>
-
- <div id="log"></div>
-</div>
-
-
-<div class="demo-description">
-
-<p>Poup menu in a table. Works okay standalone, not so much in the scrolling demo view. For that to work better, position() would have to take the closest scrolled parent into account for collision detection.</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
92 demos/popup/popup-menu.html
@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Popup Menu</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- function log( msg ) {
- $( "<div/>" ).text( msg ).appendTo( "#log" );
- }
- var selected = function( event, ui ) {
- log( "Selected: " + ui.item.text() );
- $(this).popup( "close" );
- }
-
- $("#button1").button().next().menu( {select: selected, trigger: $("#button1")} );
-
- $( "#rerun" )
- .button()
- .click(function() {
- log( "Selected: " + $( this ).text() );
- })
- .next()
- .button({
- text: false,
- icons: {
- primary: "ui-icon-triangle-1-s"
- }
- })
- .next()
- .menu( {select: selected, trigger: $("#select")} )
- .parent()
- .buttonset({
- items: "button"
- });
- });
- </script>
- <style type="text/css">
- .ui-popup { position: absolute; z-index: 5000; }
- .ui-menu { width: 200px; }
- </style>
-</head>
-<body>
-
-<div class="demo">
-
- <button id="button1">Show context menu 1</button>
- <ul>
- <li><a href="#">Amsterdam</a></li>
- <li><a href="#">Anaheim</a></li>
- <li><a href="#">Cologne</a></li>
- <li><a href="#">Frankfurt</a></li>
- <li><a href="#">Magdeburg</a></li>
- <li><a href="#">Munich</a></li>
- <li><a href="#">Utrecht</a></li>
- <li><a href="#">Zurich</a></li>
- </ul>
-
-
- <div>
- <div>
- <button id="rerun">Run last action</button>
- <button id="select">Select an action</button>
- <ul>
- <li><a href="#">Open...</a></li>
- <li><a href="#">Save</a></li>
- <li><a href="#">Delete</a></li>
- </ul>
- </div>
- </div>
-
- <div id="log"></div>
-</div>
-
-
-<div class="demo-description">
-
-<p>Make the popup a menu (or the menu a popup) and you get context menus.</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
61 demos/popup/tooltip.html
@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Tooltip style demo</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- $("#more-info").popup({
- position: {
- of: "#info-link"
- }
- });
-
- $( "#info-link" ).mouseover( function( event ) {
- $("#more-info").popup( "open" );
- });
- });
- </script>
- <style type="text/css">
- .ui-icon {
- display: inline-block;
- }
- #more-info {
- width: 11em;
- border: 1px solid gray;
- border-radius: 5px;
- padding: 1em;
- box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
- background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
- font-size: 1.3em; outline: none;
- position: absolute;
- z-index: 5000;
- display: none;
- }
- </style>
-</head>
-<body>
-
-<div class="demo">
- <div>
- <textarea>More info about me to the right -></textarea> <span id="info-link" class="ui-icon ui-icon-info"></span>
- <div id="more-info">This is some more info and there is even more info on <a href="#">this page</a>.</div>
- </div>
-</div>
-
-<div class="demo-description">
-
-<p>A "more info" popup that works on mouseover (tooltip).</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>
View
27 demos/position/cycler.html
@@ -17,6 +17,7 @@
</style>
<script>
$(function() {
+ // TODO refactor into a widget and get rid of these plugin methods
$.fn.position2 = function( options ) {
return this.position( $.extend({
of: window,
@@ -52,10 +53,6 @@
});
};
- $( "img:eq(0)" ).left();
- $( "img:eq(1)" ).center();
- $( "img:eq(2)" ).right();
-
$( "body" ).css({
overflow: "hidden"
})
@@ -66,15 +63,21 @@
position: "absolute",
});
+ $( "img:eq(0)" ).left();
+ $( "img:eq(1)" ).center();
+ $( "img:eq(2)" ).right();
+
function animate( to ) {
- $(this).animate( to );
+ $(this).stop( true, false ).animate( to );
}
- function next() {
+ function next( event ) {
+ event.preventDefault();
$( "img:eq(2)" ).center( animate );
$( "img:eq(1)" ).left( animate )
$( "img:eq(0)" ).right().appendTo( ".demo" );
}
- function previous() {
+ function previous( event ) {
+ event.preventDefault();
$( "img:eq(0)" ).center( animate );
$( "img:eq(1)" ).right( animate );
$( "img:eq(2)" ).left().prependTo( ".demo" );
@@ -82,8 +85,8 @@
$( "#previous" ).click( previous );
$( "#next" ).click( next );
- $( ".demo img" ).click(function() {
- $( ".demo img" ).index( this ) === 0 ? previous() : next();
+ $( ".demo img" ).click(function( event ) {
+ $( ".demo img" ).index( this ) === 0 ? previous( event ) : next( event );
});
$( window ).resize(function() {
@@ -98,9 +101,9 @@
<div class="demo">
-<img src="images/earth.jpg" />
-<img src="images/flight.jpg" />
-<img src="images/rocket.jpg" />
+<img src="images/earth.jpg" width="458" height="308" />
+<img src="images/flight.jpg" width="512" height="307" />
+<img src="images/rocket.jpg" width="300" height="353" />
<a id="previous" href="#">Previous</a>
<a id="next" href="#">Next</a>
View
2  demos/sortable/connect-lists.html
@@ -11,7 +11,7 @@
<script src="../../ui/jquery.ui.sortable.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
- #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
+ #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
</style>
<script>
View
32 demos/tooltip/video-player.html
@@ -11,7 +11,6 @@
<script src="../../ui/jquery.ui.tooltip.js"></script>
<script src="../../ui/jquery.ui.button.js"></script>
<script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
<script src="../../ui/jquery.effects.core.js"></script>
<script src="../../ui/jquery.effects.blind.js"></script>
<link rel="stylesheet" href="../demos.css">
@@ -69,14 +68,6 @@
$( this ).remove();
});
}
- $( "ul" ).menu({
- select: function( event, ui ) {
- // TODO should probably be handled by popup, see ESCAPE key handler
- // affects key handling
- $( this ).prev().focus();
- notify( ui.item );
- }
- }).popup();
$( "button" ).each(function() {
var button = $( this ).button({
@@ -85,15 +76,9 @@
},
text: !!$( this ).attr( "title" )
});
- if ( button.next().is( ":ui-popup" ) ) {
- button.click(function( event ) {
- $( ".demo" ).tooltip( "close", event );
- });
- } else {
- button.click(function() {
- notify( button );
- });
- }
+ button.click(function() {
+ notify( button );
+ });
});
$( ".set" ).buttonset({
items: "button"
@@ -127,17 +112,6 @@
<div class="set">
<button data-icon="ui-icon-circle-plus" title="Add to Watch Later">Add to</button>
<button class="menu" data-icon="ui-icon-triangle-1-s">Add to favorites or playlist</button>
- <ul>
- <li>
- <a href="#">Favorites</a>
- </li>
- <li>
- <a href="#">Watch Later</a>
- </li>
- <li>
- <a href="#">New Playlist...</a>
- </li>
- </ul>
</div>
<button title="Share this video">Share</button>
<button data-icon="ui-icon-alert">Flag as inappropiate</button>
View
11 external/qunit.css
@@ -1,9 +1,9 @@
/**
- * QUnit - A JavaScript Unit Testing Framework
+ * QUnit v1.4.0 - A JavaScript Unit Testing Framework
*
* http://docs.jquery.com/QUnit
*
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
+ * Copyright (c) 2012 John Resig, Jörn Zaefferer
* Dual licensed under the MIT (MIT-LICENSE.txt)
* or GPL (GPL-LICENSE.txt) licenses.
*/
@@ -54,6 +54,10 @@
color: #fff;
}
+#qunit-header label {
+ display: inline-block;
+}
+
#qunit-banner {
height: 5px;
}
@@ -186,6 +190,7 @@
color: #710909;
background-color: #fff;
border-left: 26px solid #EE5757;
+ white-space: pre;
}
#qunit-tests > li:last-child {
@@ -222,4 +227,6 @@
position: absolute;
top: -10000px;
left: -10000px;
+ width: 1000px;
+ height: 1000px;
}
View
1,087 external/qunit.js
@@ -1,9 +1,9 @@
/**
- * QUnit - A JavaScript Unit Testing Framework
+ * QUnit v1.4.0 - A JavaScript Unit Testing Framework
*
* http://docs.jquery.com/QUnit
*
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
+ * Copyright (c) 2012 John Resig, Jörn Zaefferer
* Dual licensed under the MIT (MIT-LICENSE.txt)
* or GPL (GPL-LICENSE.txt) licenses.
*/
@@ -13,21 +13,25 @@
var defined = {
setTimeout: typeof window.setTimeout !== "undefined",
sessionStorage: (function() {
+ var x = "qunit-test-string";
try {
- return !!sessionStorage.getItem;
- } catch(e){
+ sessionStorage.setItem(x, x);
+ sessionStorage.removeItem(x);
+ return true;
+ } catch(e) {
return false;
}
- })()
+ }())
};
-var testId = 0;
+var testId = 0,
+ toString = Object.prototype.toString,
+ hasOwn = Object.prototype.hasOwnProperty;
-var Test = function(name