Skip to content
Permalink
Browse files

Demos: Cleanup.

  • Loading branch information...
scottgonzalez committed Sep 10, 2012
1 parent 9e259c6 commit 303f20e1b3c977d75047bed1a3533a180d73fab5
Showing with 731 additions and 2,542 deletions.
  1. +2 −9 demos/accordion/collapsible.html
  2. +2 −9 demos/accordion/custom-icons.html
  3. +2 −7 demos/accordion/default.html
  4. +33 −38 demos/accordion/fillspace.html
  5. +1 −6 demos/accordion/hoverintent.html
  6. +10 −14 demos/accordion/index.html
  7. +2 −9 demos/accordion/no-auto-height.html
  8. +2 −9 demos/accordion/sortable.html
  9. +2 −9 demos/addClass/default.html
  10. +4 −8 demos/addClass/index.html
  11. +2 −9 demos/animate/default.html
  12. +4 −8 demos/animate/index.html
  13. +5 −10 demos/autocomplete/categories.html
  14. +2 −9 demos/autocomplete/combobox.html
  15. +7 −12 demos/autocomplete/custom-data.html
  16. +2 −9 demos/autocomplete/default.html
  17. +2 −9 demos/autocomplete/folding.html
  18. +17 −19 demos/autocomplete/index.html
  19. +2 −9 demos/autocomplete/maxheight.html
  20. +2 −9 demos/autocomplete/multiple-remote.html
  21. +2 −9 demos/autocomplete/multiple.html
  22. +2 −9 demos/autocomplete/remote-jsonp.html
  23. +2 −9 demos/autocomplete/remote-with-cache.html
  24. +2 −9 demos/autocomplete/remote.html
  25. +2 −9 demos/autocomplete/xml.html
  26. +2 −9 demos/button/checkbox.html
  27. +7 −11 demos/button/default.html
  28. +22 −29 demos/button/icons.html
  29. +9 −13 demos/button/index.html
  30. +2 −9 demos/button/radio.html
  31. +11 −20 demos/button/splitbutton.html
  32. +4 −11 demos/button/toolbar.html
  33. +2 −9 demos/datepicker/alt-field.html
  34. +2 −9 demos/datepicker/animation.html
  35. +2 −9 demos/datepicker/buttonbar.html
  36. +2 −9 demos/datepicker/date-formats.html
  37. +2 −9 demos/datepicker/date-range.html
  38. +2 −9 demos/datepicker/default.html
  39. +2 −9 demos/datepicker/dropdown-month-year.html
  40. +2 −9 demos/datepicker/icon-trigger.html
  41. +17 −21 demos/datepicker/index.html
  42. +2 −9 demos/datepicker/inline.html
  43. +2 −9 demos/datepicker/localization.html
  44. +2 −9 demos/datepicker/min-max.html
  45. +2 −9 demos/datepicker/multiple-calendars.html
  46. +2 −9 demos/datepicker/other-months.html
  47. +2 −9 demos/datepicker/show-week.html
  48. +4 −320 demos/demos.css
  49. +2 −9 demos/dialog/animated.html
  50. +2 −23 demos/dialog/default.html
  51. +9 −13 demos/dialog/index.html
  52. +3 −25 demos/dialog/modal-confirmation.html
  53. +3 −13 demos/dialog/modal-form.html
  54. +3 −25 demos/dialog/modal-message.html
  55. +3 −25 demos/dialog/modal.html
  56. +11 −22 demos/draggable/constrain-movement.html
  57. +2 −9 demos/draggable/cursor-style.html
  58. +2 −9 demos/draggable/default.html
  59. +2 −9 demos/draggable/delay-start.html
  60. +2 −9 demos/draggable/events.html
  61. +2 −11 demos/draggable/handle.html
  62. +14 −18 demos/draggable/index.html
  63. +2 −9 demos/draggable/revert.html
  64. +2 −9 demos/draggable/scroll.html
  65. +2 −9 demos/draggable/snap-to.html
  66. +5 −12 demos/draggable/sortable.html
  67. +2 −9 demos/draggable/visual-feedback.html
  68. +2 −9 demos/droppable/accepted-elements.html
  69. +2 −9 demos/droppable/default.html
  70. +10 −14 demos/droppable/index.html
  71. +5 −7 demos/droppable/photo-manager.html
  72. +2 −9 demos/droppable/propagation.html
  73. +2 −9 demos/droppable/revert.html
  74. +2 −9 demos/droppable/shopping-cart.html
  75. +5 −11 demos/droppable/visual-feedback.html
  76. +5 −12 demos/effect/default.html
  77. +2 −9 demos/effect/easing.html
  78. +5 −9 demos/effect/index.html
  79. +2 −9 demos/hide/default.html
  80. +4 −8 demos/hide/index.html
  81. +30 −327 demos/index.html
  82. +18 −25 demos/menu/default.html
  83. +7 −9 demos/menu/index.html
  84. +38 −45 demos/menu/navigationmenu.html
  85. +1 −6 demos/menu/topalignmenu.html
  86. +29 −33 demos/position/cycler.html
  87. +2 −9 demos/position/default.html
  88. +5 −9 demos/position/index.html
  89. +2 −9 demos/progressbar/animated.html
  90. +2 −9 demos/progressbar/default.html
  91. +6 −10 demos/progressbar/index.html
  92. +2 −9 demos/progressbar/resize.html
  93. +2 −9 demos/removeClass/default.html
  94. +4 −8 demos/removeClass/index.html
  95. +2 −9 demos/resizable/animate.html
  96. +2 −9 demos/resizable/aspect-ratio.html
  97. +2 −9 demos/resizable/constrain-area.html
  98. +2 −9 demos/resizable/default.html
  99. +3 −10 demos/resizable/delay-start.html
  100. +2 −9 demos/resizable/helper.html
  101. +14 −18 demos/resizable/index.html
  102. +2 −9 demos/resizable/max-min.html
  103. +2 −9 demos/resizable/snap-to-grid.html
  104. +2 −9 demos/resizable/synchronous-resize.html
  105. +2 −9 demos/resizable/textarea.html
  106. +2 −9 demos/resizable/visual-feedback.html
  107. +3 −10 demos/selectable/default.html
  108. +4 −11 demos/selectable/display-grid.html
  109. +6 −10 demos/selectable/index.html
  110. +3 −10 demos/selectable/serialize.html
  111. +3 −10 demos/show/default.html
  112. +4 −8 demos/show/index.html
  113. +3 −11 demos/slider/colorpicker.html
  114. +2 −12 demos/slider/default.html
  115. +2 −12 demos/slider/hotelrooms.html
  116. +14 −19 demos/slider/index.html
  117. +4 −12 demos/slider/multiple-vertical.html
  118. +2 −12 demos/slider/range-vertical.html
  119. +2 −12 demos/slider/range.html
  120. +2 −12 demos/slider/rangemax.html
  121. +2 −12 demos/slider/rangemin.html
  122. +2 −10 demos/slider/side-scroll.html
  123. +2 −12 demos/slider/slider-vertical.html
  124. +2 −12 demos/slider/steps.html
  125. +0 −67 demos/slider/tabs.html
  126. +2 −8 demos/sortable/connect-lists-through-tabs.html
  127. +2 −8 demos/sortable/connect-lists.html
  128. +2 −8 demos/sortable/default.html
  129. +3 −9 demos/sortable/delay-start.html
  130. +3 −9 demos/sortable/display-grid.html
  131. +3 −9 demos/sortable/empty-lists.html
  132. +12 −16 demos/sortable/index.html
  133. +2 −8 demos/sortable/items.html
  134. +2 −8 demos/sortable/placeholder.html
  135. +4 −10 demos/sortable/portlets.html
  136. +1 −8 demos/spinner/currency.html
  137. +1 −8 demos/spinner/decimal.html
  138. +1 −8 demos/spinner/default.html
  139. +8 −12 demos/spinner/index.html
  140. +1 −8 demos/spinner/latlong.html
  141. +1 −8 demos/spinner/overflow.html
  142. +1 −6 demos/spinner/time.html
  143. +4 −11 demos/switchClass/default.html
  144. +4 −8 demos/switchClass/index.html
  145. +2 −9 demos/tabs/ajax.html
  146. +2 −9 demos/tabs/bottom.html
  147. +2 −9 demos/tabs/collapsible.html
  148. +2 −7 demos/tabs/default.html
  149. +10 −14 demos/tabs/index.html
  150. +22 −29 demos/tabs/manipulation.html
  151. +2 −11 demos/tabs/mouseover.html
  152. +3 −16 demos/tabs/sortable.html
  153. +2 −9 demos/tabs/vertical.html
  154. +1 −7 demos/toggle/default.html
  155. +4 −8 demos/toggle/index.html
  156. +2 −9 demos/toggleClass/default.html
  157. +4 −8 demos/toggleClass/index.html
  158. +1 −8 demos/tooltip/custom-animation.html
  159. +2 −9 demos/tooltip/custom-content.html
  160. +2 −9 demos/tooltip/custom-style.html
  161. +2 −9 demos/tooltip/default.html
  162. +1 −8 demos/tooltip/forms.html
  163. +9 −13 demos/tooltip/index.html
  164. +2 −9 demos/tooltip/tracking.html
  165. +2 −9 demos/tooltip/video-player.html
  166. +2 −9 demos/widget/default.html
  167. +4 −8 demos/widget/index.html
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -19,8 +19,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<h3>Section 1</h3>
<div>
@@ -45,13 +43,8 @@ <h3>Section 4</h3>
</div>
</div>

</div><!-- End demo -->



<div class="demo-description">
<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>collapsible</code> option to true. Click on the currently open section to collapse its content pane.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -31,8 +31,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<h3>Section 1</h3>
<div>
@@ -59,13 +57,8 @@ <h3>Section 4</h3>

<button id="toggle">Toggle icons</button>

</div><!-- End demo -->



<div class="demo-description">
<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and active (open) state. Use any class from the UI CSS framework, or create custom classes with background images.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -17,8 +17,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<h3>Section 1</h3>
<div>
@@ -68,8 +66,6 @@ <h3>Section 4</h3>
</div>
</div>

</div><!-- End demo -->

<div class="demo-description">
<p>
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
@@ -79,7 +75,6 @@ <h3>Section 4</h3>
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
usable without JavaScript.
</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -11,14 +11,21 @@
<script src="../../ui/jquery.ui.resizable.js"></script>
<script src="../../ui/jquery.ui.accordion.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
#accordion-resizer {
padding: 10px;
width: 350px;
height: 220px;
}
</style>
<script>
$(function() {
$( "#accordion" ).accordion({
heightStyle: "fill"
});
});
$(function() {
$( "#accordionResizer" ).resizable({
$( "#accordion-resizer" ).resizable({
minHeight: 140,
minWidth: 200,
resize: function() {
@@ -30,48 +37,36 @@
</head>
<body>

<div class="demo">

<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>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>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>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>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<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 id="accordion-resizer" class="ui-widget-content">
<div id="accordion">
<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>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>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>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<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>
</div>
</div>

<span class="ui-icon ui-icon-grip-dotted-horizontal" style="margin:2px auto;"></span>
</div><!-- End accordionResizer -->

<div style="margin-top:7px; padding:10px; width:350px; height:50px;" class="ui-widget-content">I'm another panel</div>

</div><!-- End demo -->



<div class="demo-description">
<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the <code>heightStyle</code> option to <code>"fill"</code>, and the script will automatically set the dimensions of the accordion to the height of its parent container.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -70,8 +70,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<h3>Section 1</h3>
<div>
@@ -121,8 +119,6 @@ <h3>Section 4</h3>
</div>
</div>

</div><!-- End demo -->

<div class="demo-description">
<p>
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
@@ -132,7 +128,6 @@ <h3>Section 4</h3>
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
usable without JavaScript.
</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,24 +1,20 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Accordion Demos</title>
<link rel="stylesheet" href="../demos.css">
</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="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="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>
</ul>
</div>
<ul>
<li><a href="default.html">Default functionality</a></li>
<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="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>
</ul>

</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -19,8 +19,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<h3>Section 1</h3>
<div>
@@ -45,13 +43,8 @@ <h3>Section 3</h3>
</div>
</div>

</div><!-- End demo -->



<div class="demo-description">
<p>Setting <code>heightStyle: "content"</code> allows the accordion panels to keep their native height.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -35,8 +35,6 @@
</head>
<body>

<div class="demo">

<div id="accordion">
<div class="group">
<h3>Section 1</h3>
@@ -69,13 +67,8 @@ <h3>Section 4</h3>
</div>
</div>

</div><!-- End demo -->



<div class="demo-description">
<p>Drag the header to re-order panels.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -30,8 +30,6 @@
</head>
<body>

<div class="demo">

<div class="toggler">
<div id="effect" class="ui-corner-all">
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
@@ -40,13 +38,8 @@

<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>

</div><!-- End demo -->



<div class="demo-description">
<p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>
@@ -1,18 +1,14 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Effects Demos</title>
<link rel="stylesheet" href="../demos.css">
</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>
<ul>
<li><a href="default.html">Default functionality</a></li>
</ul>

</body>
</html>
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -37,8 +37,6 @@
</head>
<body>

<div class="demo">

<div class="toggler">
<div id="effect" class="ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">Animate</h3>
@@ -50,13 +48,8 @@ <h3 class="ui-widget-header ui-corner-all">Animate</h3>

<a href="#" id="button" class="ui-state-default ui-corner-all">Toggle Effect</a>

</div><!-- End demo -->



<div class="demo-description">
<p>Click the button above to preview the effect.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>

0 comments on commit 303f20e

Please sign in to comment.
You can’t perform that action at this time.