Skip to content
Browse files

Merge branch 'master' into pagecontainer

  • Loading branch information...
2 parents ac46e94 + 9e6a3df commit 7057c7003b2ece90d705a382437ab1d7af5af85f @jblas jblas committed Jan 12, 2011
Showing with 2,430 additions and 655 deletions.
  1. +1 −1 Makefile
  2. +1 −1 docs/about/accessibility.html
  3. +1 −1 docs/about/features.html
  4. +1 −1 docs/about/index.html
  5. +1 −1 docs/about/intro.html
  6. +1 −1 docs/about/platforms.html
  7. +1 −1 docs/api/events.html
  8. +1 −1 docs/api/globalconfig.html
  9. +1 −1 docs/api/index.html
  10. +1 −1 docs/api/mediahelpers.html
  11. +1 −1 docs/api/methods.html
  12. +6 −6 docs/api/themes.html
  13. +1 −1 docs/buttons/api-buttons.html
  14. +1 −1 docs/buttons/buttons-grouped.html
  15. +1 −1 docs/buttons/buttons-icons.html
  16. +1 −1 docs/buttons/buttons-inline.html
  17. +1 −1 docs/buttons/buttons-themes.html
  18. +1 −1 docs/buttons/buttons-types.html
  19. +1 −1 docs/buttons/index.html
  20. +1 −1 docs/content/api-content.html
  21. +1 −1 docs/content/content-collapsible.html
  22. +1 −1 docs/content/content-grids.html
  23. +1 −1 docs/content/content-html.html
  24. +1 −1 docs/content/content-themes.html
  25. +1 −1 docs/content/index.html
  26. +1 −1 docs/forms/api-forms.html
  27. +1 −1 docs/forms/docs-forms.html
  28. +1 −1 docs/forms/forms-all.html
  29. +1 −1 docs/forms/forms-checkboxes.html
  30. +1 −1 docs/forms/forms-radiobuttons.html
  31. +1 −1 docs/forms/forms-sample-response.php
  32. +1 −1 docs/forms/forms-sample.html
  33. +1 −1 docs/forms/forms-search.html
  34. +99 −18 docs/forms/forms-selects.html
  35. +17 −14 docs/forms/forms-slider.html
  36. +1 −1 docs/forms/forms-switch.html
  37. +1 −1 docs/forms/forms-text.html
  38. +1 −1 docs/forms/forms-themes.html
  39. +1 −1 docs/forms/index.html
  40. +1 −1 docs/forms/plugin-eventsmethods.html
  41. +1 −1 docs/index.html
  42. +1 −1 docs/lists/api-lists.html
  43. +1 −1 docs/lists/docs-lists.html
  44. +1 −1 docs/lists/index.html
  45. +1 −1 docs/lists/lists-count.html
  46. +1 −1 docs/lists/lists-divider.html
  47. +1 −1 docs/lists/lists-formatting.html
  48. +1 −1 docs/lists/lists-icons.html
  49. +1 −1 docs/lists/lists-inset.html
  50. +1 −1 docs/lists/lists-nested.html
  51. +1 −1 docs/lists/lists-ol.html
  52. +1 −1 docs/lists/lists-performance.html
  53. +1 −1 docs/lists/lists-readonly.html
  54. +1 −1 docs/lists/lists-search.html
  55. +1 −1 docs/lists/lists-split-purchase.html
  56. +1 −1 docs/lists/lists-split.html
  57. +26 −9 docs/lists/lists-themes.html
  58. +1 −1 docs/lists/lists-thumbnails.html
  59. +1 −1 docs/lists/lists-ul.html
  60. +1 −1 docs/pages/api-pages.html
  61. +1 −1 docs/pages/dialog-alt.html
  62. +1 −1 docs/pages/dialog-buttons.html
  63. +1 −1 docs/pages/dialog-success.html
  64. +1 −1 docs/pages/dialog.html
  65. +1 −1 docs/pages/docs-dialogs.html
  66. +1 −1 docs/pages/docs-link-scenarios.html
  67. +1 −1 docs/pages/docs-links.html
  68. +1 −1 docs/pages/docs-navmodel.html
  69. +6 −6 docs/pages/docs-pages.html
  70. +1 −1 docs/pages/docs-transitions.html
  71. +1 −1 docs/pages/index.html
  72. +1 −1 docs/pages/link-formats.html
  73. +1 −1 docs/pages/multipage-template.html
  74. +1 −1 docs/pages/pages-themes.html
  75. +1 −1 docs/pages/transition-success.html
  76. +1 −1 docs/toolbars/api-bars.html
  77. +1 −1 docs/toolbars/bars-fixed.html
  78. +1 −1 docs/toolbars/bars-fullscreen.html
  79. +1 −1 docs/toolbars/bars-themes.html
  80. +1 −1 docs/toolbars/docs-bars.html
  81. +1 −1 docs/toolbars/docs-footers.html
  82. +5 −5 docs/toolbars/docs-headers.html
  83. +1 −1 docs/toolbars/docs-navbar.html
  84. +1 −1 docs/toolbars/footer-persist-a.html
  85. +1 −1 docs/toolbars/footer-persist-b.html
  86. +1 −1 docs/toolbars/footer-persist-c.html
  87. +1 −1 docs/toolbars/index.html
  88. +1 −1 experiments/api-viewer/index.html
  89. +2 −2 experiments/converter/index.html
  90. +1 −1 experiments/google-maps/index.html
  91. +1 −1 experiments/google-maps/map.html
  92. +1 −1 experiments/navbar-glyphish/index.html
  93. +1 −1 experiments/photos/_photo2.html
  94. +1 −1 experiments/photos/_photo3.html
  95. +1 −1 experiments/photos/_photo4.html
  96. +1 −1 experiments/photos/_photo5.html
  97. +1 −1 experiments/photos/_photo6.html
  98. +1 −1 experiments/photos/index.html
  99. +1 −1 experiments/progressbar/_progressbar-static.html
  100. +1 −1 experiments/scrollview/index.html
  101. +1 −1 experiments/scrollview/lists-divider.html
  102. +1 −1 experiments/scrollview/scrollview-direction.html
  103. +1 −1 experiments/scrollview/scrollview-nested.html
  104. +1 −1 experiments/scrollview/sv-test-01.html
  105. +9 −9 experiments/scrollview/sv-test-02.html
  106. +37 −16 experiments/ui-datepicker/index.html
  107. +1 −1 index.html
  108. +1 −1 js/jquery.mobile.controlGroup.js
  109. +82 −46 js/jquery.mobile.core.js
  110. +5 −1 js/jquery.mobile.event.js
  111. +1 −1 js/jquery.mobile.fieldContain.js
  112. +37 −32 js/jquery.mobile.fixHeaderFooter.js
  113. +8 −3 js/jquery.mobile.forms.checkboxradio.js
  114. +173 −61 js/jquery.mobile.forms.select.js
  115. +93 −22 js/jquery.mobile.forms.slider.js
  116. +1 −1 js/jquery.mobile.grid.js
  117. +3 −1 js/jquery.mobile.listview.js
  118. +7 −7 js/jquery.mobile.navigation.js
  119. +6 −5 js/jquery.mobile.page.js
  120. +1 −1 speed/basic-page.html
  121. +1 −1 speed/lists-ul.html
  122. +8 −0 tests/jquery.testHelper.js
  123. +183 −0 tests/unit/listview/index.html
  124. +203 −0 tests/unit/listview/listview_core.js
  125. +18 −1 tests/unit/navigation/index.html
  126. +33 −103 tests/unit/navigation/navigation_core.js
  127. +111 −0 tests/unit/navigation/navigation_transitions.js
  128. +89 −0 tests/unit/slider/index.html
  129. +107 −0 tests/unit/slider/slider_events.js
  130. +0 −1 themes/default/jquery.mobile.button.css
  131. +8 −4 themes/default/jquery.mobile.forms.select.css
  132. +946 −180 themes/default/jquery.mobile.theme.css
View
2 Makefile
@@ -101,7 +101,7 @@ deploy: zip
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|rel="stylesheet" href="../../|rel="stylesheet" href="|g' {} \;
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|rel="stylesheet" href="../|rel="stylesheet" href="|g' {} \;
- @@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|href="themes/default"|href="http://code.jquery.com/mobile/${VER}/${DIR}.min.css"|g' {} \;
+ @@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|href="themes/default/"|href="http://code.jquery.com/mobile/${VER}/${DIR}.min.css"|g' {} \;
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|<script type="text/javascript" src="js/all|<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script><script type="text/javascript" src="js/all|' {} \;
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="js/all"|src="http://code.jquery.com/mobile/${VER}/${DIR}.min.js"|g' {} \;
View
2 docs/about/accessibility.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/about/features.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/about/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery UI Mobile Framework - Documentation</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/about/intro.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/about/platforms.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/api/events.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Events</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/api/globalconfig.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Configuring default settings</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/api/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery UI Mobile Framework - API</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/api/mediahelpers.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Responsive Layout Helpers</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/api/methods.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Methods</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
12 docs/api/themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Static Containers, States</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
@@ -151,7 +151,7 @@
<p>If you want to add visual emphasis to a button and help it stand out visually from its parent toolbar, an alternate swatch color can be set by adding a <code>data-theme="a"</code> to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.</p>
<div class="swatch-bars">
- <div data-role="header" data-theme="a" class="ui-bar" data-nobackbtn="true">
+ <div data-role="header" data-theme="a" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
@@ -160,7 +160,7 @@
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
- <div data-role="header" data-theme="b" class="ui-bar" data-nobackbtn="true">
+ <div data-role="header" data-theme="b" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
@@ -169,7 +169,7 @@
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
- <div data-role="header" data-theme="c" class="ui-bar" data-nobackbtn="true">
+ <div data-role="header" data-theme="c" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
@@ -178,7 +178,7 @@
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
- <div data-role="header" data-theme="d" class="ui-bar" data-nobackbtn="true">
+ <div data-role="header" data-theme="d" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
@@ -187,7 +187,7 @@
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
- <div data-role="header" data-theme="e" class="ui-bar" data-nobackbtn="true">
+ <div data-role="header" data-theme="e" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
View
2 docs/buttons/api-buttons.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/buttons/buttons-grouped.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/buttons/buttons-icons.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/buttons/buttons-inline.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/buttons/buttons-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/buttons/buttons-types.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/buttons/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/content/api-content.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<script type="text/javascript" src="../../js/"></script>
</head>
<body>
View
2 docs/content/content-collapsible.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
View
2 docs/content/content-grids.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/content/content-html.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/content/content-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/content/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/api-forms.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/forms/docs-forms.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/forms-all.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/forms/forms-checkboxes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/forms-radiobuttons.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/forms-sample-response.php
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/forms/forms-sample.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/forms/forms-search.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
117 docs/forms/forms-selects.html 100755 → 100644
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
@@ -54,7 +54,7 @@
</div>
- <p>If there is a select menu with too many options to show on the device's screen, the framework will automatically create a new "page" populated with a standard list view that contains all the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the <code>label</code> is used as the title for this page.</p>
+ <p>If there is a select menu with too many options to show on the device's screen, the framework will automatically create a new &quot;page&quot; populated with a standard list view that contains all the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the <code>label</code> is used as the title for this page.</p>
<div data-role="fieldcontain">
<label for="select-choice-3" class="select">Your state:</label>
@@ -117,16 +117,16 @@
<p>You can specify any jQuery Mobile button data- attribute on a select element too.</p>
<div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Actions</label>
- <select name="select-choice-3" id="select-choice-3" data-theme="a" data-icon="gear" data-inline="true">
+ <label for="select-choice-11" class="select">Actions</label>
+ <select name="select-choice-11" id="select-choice-11" data-theme="a" data-icon="gear" data-inline="true">
<option value="edit">Edit</option>
<option value="delete">Delete</option>
</select>
</div>
<h2>Placeholder options</h2>
- <p>It's common for developers to include a "null" option in their select element to force a user to choose an option. jQuery Mobile detects these null options and hides them in the overlay menu, showing only valid choices to the user. Examples of null options are either:</p>
+ <p>It's common for developers to include a &quot;null&quot; option in their select element to force a user to choose an option. If a placeholder option is present in your markup, jQuery Mobile will hide them in the overlay menu, showing only valid choices to the user, and display the placeholder text inside the menu as a header. Examples of null options are either:</p>
<ul>
<li>An option with no value attribute (or an empty value attribute)</li>
<li>An option with no text node</li>
@@ -136,11 +136,10 @@
<p>You can disable this feature through the selectmenu plugin's <code>hidePlaceholderMenuItems</code> option, like this:</p>
<pre>
<code>
-$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
+$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
</code>
</pre>
-
<p>Here's a demo of various placeholder options:</p>
@@ -165,7 +164,7 @@
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
- </div>
+ </div>
<div data-role="fieldcontain">
@@ -177,11 +176,10 @@
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
- </div>
-
+ </div>
<h2>Disabled options</h2>
- <p>jQuery Mobile will automatically disable and style option tags with the <code>disabled=&quot;disabled&quot;</code> attribute. In the demo below, the second option &quot;Rush: 3 days&quot; has been set to disabled.</p>
+ <p>jQuery Mobile will automatically disable and style option tags with the <code>disabled</code> attribute. In the demo below, the second option &quot;Rush: 3 days&quot; has been set to disabled.</p>
<div data-role="fieldcontain">
<label for="select-choice-7" class="select">Choose shipping method:</label>
@@ -192,10 +190,9 @@
<option value="overnight">Overnight</option>
</select>
</div>
-
<h2>Optgroup support</h2>
- <p>If a select menu contains <code>optgroup</code> elements, jQuery Mobile will create a divider based on their <code>label</code> attribute:</p>
+ <p>If a select menu contains <code>optgroup</code> elements, jQuery Mobile will create a divider &amp; group items based on the <code>label</code> attribute's text:</p>
<div data-role="fieldcontain">
<label for="select-choice-8" class="select">Choose shipping method:</label>
@@ -207,16 +204,100 @@
<option value="overnight">Overnight</option>
</optgroup>
<optgroup label="FedEx">
- <option value="sameday">First Overnight</option>
- <option value="sameday">Express Saver</option>
- <option value="sameday">Ground</option>
+ <option value="firstOvernight">First Overnight</option>
+ <option value="expressSaver">Express Saver</option>
+ <option value="ground">Ground</option>
</optgroup>
</select>
</div>
- </form>
+
+ <h2>Multiple selects</h2>
+ <p>If the <code>multiple</code> attribute is present in your markup, jQuery Mobile will enhance the element with a few extra considerations:</p>
+
+ <ul>
+ <li>A header element will be created inside the menu and display the placeholder text and a close button.</li>
+ <li>Clicking on an item inside the overlay menu will not close the widget.</li>
+ <li>A ghosted, unchecked icon will appear adjacent to each unselected item. When the item is selected the icon will change to a checkbox. Neither icon will appear inside a single select box.</li>
+ <li>Once 2+ items are selected, a counter element with the total number of selected items will appear inside the button.</li>
+ <li>The text of each selected item will appear inside the button as a list. If the button is not wide enough to display the entire list, it is truncated with an ellipses.</li>
+ <li>If no items are selected, the button's text will default to the placeholder text.</li>
+ <li>If no placeholder element exists, the default button text will be blank and the header will appear with just a close button. Because this isn't a friendly user experience, we recommended that you always specify a placeholder element when using multiple select boxes.</li>
+ </ul>
+
+ <div data-role="fieldcontain">
+ <label for="select-choice-9" class="select">Choose shipping method(s):</label>
+ <select name="select-choice-9" id="select-choice-9" multiple="multiple">
+ <option>Choose options</option>
+ <option value="standard">Standard: 7 day</option>
+ <option value="rush">Rush: 3 days</option>
+ <option value="express">Express: next day</option>
+ <option value="overnight">Overnight</option>
+ </select>
+ </div>
+
+ <p>When a select is large enough to where the menu will open in a new page, the placeholder text is displayed in the button when no items are selected, and the <code>label</code> text is displayed in the menu's header. This differs from smaller overlay menus where the placeholder text is displayed in both the button and the header, and from full-page single selects where the placeholder text is not used at all.</p>
+
+ <div data-role="fieldcontain">
+ <label for="select-choice-10" class="select">Choose state(s):</label>
+ <select name="select-choice-10" id="select-choice-10" multiple="multiple">
+ <option>Choose options</option>
+ <option value="AL">Alabama</option>
+ <option value="AK">Alaska</option>
+ <option value="AZ">Arizona</option>
+ <option value="AR">Arkansas</option>
+ <option value="CA">California</option>
+ <option value="CO">Colorado</option>
+ <option value="CT">Connecticut</option>
+ <option value="DE">Delaware</option>
+ <option value="FL">Florida</option>
+ <option value="GA">Georgia</option>
+ <option value="HI">Hawaii</option>
+ <option value="ID">Idaho</option>
+ <option value="IL">Illinois</option>
+ <option value="IN">Indiana</option>
+ <option value="IA">Iowa</option>
+ <option value="KS">Kansas</option>
+ <option value="KY">Kentucky</option>
+ <option value="LA">Louisiana</option>
+ <option value="ME">Maine</option>
+ <option value="MD">Maryland</option>
+ <option value="MA">Massachusetts</option>
+ <option value="MI">Michigan</option>
+ <option value="MN">Minnesota</option>
+ <option value="MS">Mississippi</option>
+ <option value="MO">Missouri</option>
+ <option value="MT">Montana</option>
+ <option value="NE">Nebraska</option>
+ <option value="NV">Nevada</option>
+ <option value="NH">New Hampshire</option>
+ <option value="NJ">New Jersey</option>
+ <option value="NM">New Mexico</option>
+ <option value="NY">New York</option>
+ <option value="NC">North Carolina</option>
+ <option value="ND">North Dakota</option>
+ <option value="OH">Ohio</option>
+ <option value="OK">Oklahoma</option>
+ <option value="OR">Oregon</option>
+ <option value="PA">Pennsylvania</option>
+ <option value="RI">Rhode Island</option>
+ <option value="SC">South Carolina</option>
+ <option value="SD">South Dakota</option>
+ <option value="TN">Tennessee</option>
+ <option value="TX">Texas</option>
+ <option value="UT">Utah</option>
+ <option value="VT">Vermont</option>
+ <option value="VA">Virginia</option>
+ <option value="WA">Washington</option>
+ <option value="WV">West Virginia</option>
+ <option value="WI">Wisconsin</option>
+ <option value="WY">Wyoming</option>
+ </select>
+ </div>
+
+ </form>
</div><!-- /content -->
</div><!-- /page -->
</body>
-</html>
+</html>
View
31 docs/forms/forms-slider.html
@@ -1,14 +1,14 @@
-<!DOCTYPE html>
-<html>
+<!DOCTYPE html>
+<html>
<head>
- <meta charset="utf-8" />
- <title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <meta charset="utf-8" />
+ <title>jQuery Mobile Docs - Forms</title>
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
-</head>
-<body>
+</head>
+<body>
<div data-role="page">
@@ -17,36 +17,39 @@
</div><!-- /header -->
<div data-role="content">
-
+
<form action="#" method="get">
<h2>Sliders</h2>
<p>To add a slider widget to your page, start with an <code>input</code> with a new HTML5 <code>type="range"</code> attribute. Specify the <code>value</code> (current value), <code>min</code> and <code>max</code> attribute values to configure the slider. The framework will parse these attributes to configure the slider. </p>
<p>As you drag the slider, the input will update and vice-versa so they are always in sync so you can submit the slider value with form in a simple way. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated and wrap them in a <code>div</code> with the <code>data-role="fieldcontain"</code> attribute to group them.</p>
-<pre><code>
+<pre><code>
&lt;div data-role=&quot;fieldcontain&quot;&gt;
&lt;label for=&quot;slider&quot;&gt;Input slider:&lt;/label&gt;
&lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider&quot; value=&quot;0&quot; min=&quot;0&quot; max=&quot;100&quot; /&gt;
&lt;/div&gt;
-</code></pre>
-
+</code></pre>
+
<p>An example of a slider and input is displayed like this:</p>
<div data-role="fieldcontain">
<label for="slider-1">Input slider:</label>
<input type="range" name="slider-1" id="slider-1" value="0" min="0" max="100" data-theme="b" data-track-theme="a" />
</div>
<p>By setting the <code>min</code> and <code>max</code>attributes you can configure the allowable number range of the slider track. The <code>value</code> of the input is used to configure the starting position of the handle and the value populated in the text input.</p>
-
+
<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
<div data-role="fieldcontain">
<label for="slider-2">Input slider:</label>
<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
</div>
-
+
+ <p>Sliders also respond to the keyboards shortcuts. To increase the current value the Right Arrow, Up Arrow, and Page Up keys can be used. To decrease the current value the Left Arrow, Down Arrow, and Page Down keys can be used. To move the slider to its minimum or maximum value use the Home and End keys respectively.</p>
+
+
</form>
-
+
</div><!-- /content -->
</div><!-- /page -->
View
2 docs/forms/forms-switch.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/forms-text.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/forms-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
View
2 docs/forms/plugin-eventsmethods.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Form Plugin Methods</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery UI Mobile Framework - Documentation</title>
- <link rel="stylesheet" media="only all" href="../themes/default" />
+ <link rel="stylesheet" media="only all" href="../themes/default/" />
<script type="text/javascript" src="../js/"></script>
</head>
<body>
View
2 docs/lists/api-lists.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/lists/docs-lists.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/lists/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/lists/lists-count.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-divider.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-formatting.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-icons.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-inset.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-nested.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-ol.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-performance.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/lists/lists-readonly.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-search.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-split-purchase.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-split.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
35 docs/lists/lists-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
@@ -19,7 +19,7 @@
<div data-role="content" class="ui-body">
- <p>All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of "c" (silver in the default theme) and swatch "b" (blue in default theme) for dividers. Below is a default themed list.</p>
+ <p>All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of &quot;c&quot; (silver in the default theme) and swatch &quot;b&quot; (blue in default theme) for dividers. Below is a default themed list.</p>
<code>
&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;
@@ -30,9 +30,9 @@
<li><a href="index.html">Outbox</a> <span class="ui-li-count">0</span></li>
<li><a href="index.html">Sent</a> <span class="ui-li-count">328</span></li>
</ul>
-
- <h2>Theming list items</h2>
- <p>The list item color scheme can be changed to any button color theme swatch by adding the <code>data-theme</code> attribute to the list, and setting the letter theme swatch. Here is the same list above with the "a" swatch applied. </p>
+
+ <h2>Theming list items</h2>
+ <p>The list item color scheme can be changed to any button color theme swatch by adding the <code>data-theme</code> attribute to the list, and setting the letter theme swatch. Here is the same list above with the &quot;a&quot; swatch applied. </p>
<code>
&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot;&gt;
@@ -47,7 +47,7 @@
<h2>Theming dividers</h2>
- <p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-dividertheme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch "d" set on the dividers.</p>
+ <p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-dividertheme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch &quot;d&quot; set on the dividers.</p>
<code>
&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-dividertheme=&quot;c&quot;&gt;
@@ -62,7 +62,7 @@
<h2>Theming count bubbles</h2>
- <p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-counttheme</code> to the list and specifying a swatch letter. Here is an example with swatch "e" set on the dividers.</p>
+ <p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-counttheme</code> to the list and specifying a swatch letter. Here is an example with swatch &quot;e&quot; set on the dividers.</p>
<code>
&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;a&quot; data-dividertheme=&quot;d&quot; data-counttheme=&quot;e&quot;&gt;
@@ -75,9 +75,26 @@
<li><a href="index.html">Sent</a> <span class="ui-li-count">328</span></li>
</ul>
+ <h2>Theming icons</h2>
+
+ <p>The default icon for each list item is <code>arrow-r</code>. To override this, set the <code>data-icon</code> attribute on the desired list item to the <a href="../buttons/buttons-icons.html">name of a standard icon</a>. To prevent icons from appearing altogether, set the <code>data-icon</code> attribute to &quot;false&quot;.</p>
+<pre>
+<code>
+&lt;li data-icon=&quot;info&quot;&gt;&lt;a href="#"&gt;Notices&lt;/a&gt;&lt;/li&gt;
+&lt;li data-icon=&quot;alert&quot;&gt;&lt;a href="#"&gt;Alerts&lt;/a&gt;&lt;/li&gt;
+&lt;li data-icon=&quot;false&quot;&gt;&lt;a href="#"&gt;All Notifications&lt;/a&gt;&lt;/li&gt;
+</code>
+</pre>
+ <ul data-role="listview" data-inset="true" data-icon="false">
+ <li data-role="list-divider">Divider</li>
+ <li data-icon="info"><a href="index.html">Notices</a></li>
+ <li data-icon="alert"><a href="index.html">Alerts</a></li>
+ <li data-icon="false"><a href="index.html">All Notifications</a></li>
+ </ul>
+
<h2>Theming split buttons</h2>
- <p>For split lists which a second button, the framework default to "b" for the theme swatch (blue in the default theme) Here is a default split list:</p>
+ <p>For split lists which a second button, the framework default to &quot;b&quot; for the theme swatch (blue in the default theme) Here is a default split list:</p>
<ul data-role="listview" data-inset="true">
<li>
@@ -179,4 +196,4 @@
</div><!-- /page -->
</body>
-</html>
+</html>
View
2 docs/lists/lists-thumbnails.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/lists/lists-ul.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/pages/api-pages.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/dialog-alt.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/dialog-buttons.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/dialog-success.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/dialog.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/docs-dialogs.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" media="only all" href="../../themes/default" />
+ <link rel="stylesheet" media="only all" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/docs-link-scenarios.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/docs-links.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/docs-navmodel.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
12 docs/pages/docs-pages.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" media="only all" href="../../themes/default" />
+ <link rel="stylesheet" media="only all" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
@@ -31,8 +31,8 @@
&lt;head&gt;
&lt;title&gt;Page Title&lt;/title&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css&quot; /&gt;
- &lt;script src=&quot;http://code.jquery.com/jquery-1.4.3.min.js&quot;&gt;&lt;/script&gt;
- &lt;script src=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.4.3.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
@@ -73,8 +73,8 @@
&lt;head&gt;
&lt;title&gt;Page Title&lt;/title&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css&quot; /&gt;
- &lt;script src=&quot;http://code.jquery.com/jquery-1.4.3.min.js&quot;&gt;&lt;/script&gt;
- &lt;script src=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.4.3.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
@@ -90,7 +90,7 @@
&lt;div data-role=&quot;footer&quot;&gt;
&lt;h4&gt;Page Footer&lt;/h4&gt;
- &lt;/div&gt;&lt;!-- /header --&gt;
+ &lt;/div&gt;&lt;!-- /footer --&gt;
&lt;/div&gt;&lt;!-- /page --&gt;
&lt;/body&gt;
View
2 docs/pages/docs-transitions.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/pages/link-formats.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Links</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/pages/multipage-template.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>Page Title</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<script type="text/javascript" src="../../js/"></script>
<body>
View
2 docs/pages/pages-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
<script type="text/javascript" src="docs/docs.js"></script>
View
2 docs/pages/transition-success.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/api-bars.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/bars-fixed.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Toolbars demo</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/bars-fullscreen.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Fixed toolbars variation</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/bars-themes.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Toolbars demo</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/docs-bars.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
2 docs/toolbars/docs-footers.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
View
10 docs/toolbars/docs-headers.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../themes/default" />
+ <link rel="stylesheet" href="../../themes/default/" />
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
<script type="text/javascript" src="../../js/"></script>
</head>
@@ -39,7 +39,7 @@
<h1>Page title</h1>
</div>
- <p><strong>See that "back" button?</strong> The framework automatically generates a "back" button on every page, to simplify the process of including this common navigation element. To prevent the back button from being added to a header, either add your own button to the left slot (see below) or, add this attribute: <code>data-nobackbtn="true"</code> to the header container.
+ <p><strong>See that "back" button?</strong> The framework automatically generates a "back" button on every page, to simplify the process of including this common navigation element. To prevent the back button from being added to a header, either add your own button to the left slot (see below) or, add this attribute: <code>data-backbtn="false"</code> to the header container.
<h2>Adding buttons</h2>
@@ -86,20 +86,20 @@
<p>The button position can also be controlled by adding classes to the button anchors, rather than relying on source order. This is especially useful if you only want a button in the right slot. To specify the button position, add the class of <code>ui-btn-left</code> or <code>ui-btn-right</code> to the anchor.</p>