PageRenderTime 28ms CodeModel.GetById 9ms RepoModel.GetById 0ms app.codeStats 0ms

/docs/lists/lists-all-full.html

https://github.com/jjoe64/jquery-mobile
HTML | 174 lines | 141 code | 33 blank | 0 comment | 0 complexity | 00954deee9da54c054b94b799578689e MD5 | raw file
    

  1. <!DOCTYPE html> 
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<meta name="viewport" content="width=device-width, initial-scale=1"> 
    6. 

  6. 	<title>jQuery Mobile Docs - Lists</title> 
    7. 

  7. 	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
    8. 

  8. 	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
    9. 

  9. 

  10. 	<script src="../../js/jquery.js"></script>
    11. 

  11. 	<script src="../../docs/_assets/js/jqm-docs.js"></script>
    12. 

  12. 	<script src="../../js/"></script>
    13. 

  13. 

  14. </head> 
    15. 

  15. <body> 
    16. 

  16. 

  17. 	<div data-role="page" class="type-interior">
    18. 

  18. 

  19. 		<div data-role="header" data-theme="f">
    20. 

  20. 		<h1>Linked list samples</h1>
    21. 

  21. 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
    22. 

  22. 		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
    23. 

  23. 	</div><!-- /header -->
    24. 

  24. 

  25. 	<div data-role="content">
    26. 

  26. 		<div class="content-primary">
    27. 

  27. 	<form>
    28. 

  28. 			<h2>Simple list</h2>
    29. 

  29. 

  30. 			<ul data-role="listview">
    31. 

  31. 				<li><a href="index.html">Acura</a></li>
    32. 

  32. 				<li><a href="index.html">Audi</a></li>
    33. 

  33. 				<li><a href="index.html">BMW</a></li>
    34. 

  34. 				<li><a href="index.html">Cadillac</a></li>
    35. 

  35. 				<li><a href="index.html">Ferrari</a></li>
    36. 

  36. 			</ul>
    37. 

  37. 

  38. 		<h2>Count bubbles</h2>
    39. 

  39. 		<ul data-role="listview">
    40. 

  40. 			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
    41. 

  41. 				<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
    42. 

  42. 				<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
    43. 

  43. 				<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
    44. 

  44. 				<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
    45. 

  45. 		</ul>
    46. 

  46. 		
    47. 

  47. 		<h2>Numbered list</h2>
    48. 

  48. 			<ol data-role="listview">
    49. 

  49. 				<li><a href="index.html">The Godfather</a></li>
    50. 

  50. 				<li><a href="index.html">Inception</a></li>
    51. 

  51. 				<li><a href="index.html">The Good, the Bad and the Ugly </a></li>
    52. 

  52. 				<li><a href="index.html">Pulp Fiction</a></li>
    53. 

  53. 				<li><a href="index.html">Schindler's List</a></li>
    54. 

  54. 			</ol>
    55. 

  55. 			
    56. 

  56. 		<h2>Divided, formatted content</h2>
    57. 

  57. 		<ul data-role="listview">
    58. 

  58. 			<li><a href="index.html">
    59. 

  59. 				<h3>Stephen Weber</h3>
    60. 

  60. 				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
    61. 

  61. 				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
    62. 

  62. 				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
    63. 

  63. 			</a></li>
    64. 

  64. 			<li><a href="index.html">
    65. 

  65. 				<h3>jQuery Team</h3>
    66. 

  66. 				<p><strong>Boston Conference Planning</strong></p>
    67. 

  67. 				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
    68. 

  68. 				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
    69. 

  69. 			</a></li>
    70. 

  70. 		</ul>
    71. 

  71. 		
    72. 

  72. 			
    73. 

  73. 

  74. 		
    75. 

  75. 		<h2>Icon list</h2>
    76. 

  76. 		<ul data-role="listview">
    77. 

  77. 			<li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
    78. 

  78. 			<li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
    79. 

  79. 			<li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
    80. 

  80. 			<li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
    81. 

  81. 			<li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
    82. 

  82. 			<li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
    83. 

  83. 		</ul>
    84. 

  84. 		
    85. 

  85. 		<h2>Thumbnail, split button list</h2>
    86. 

  86. 

  87. 			<ul data-role="listview">
    88. 

  88. 				<li><a href="index.html">
    89. 

  89. 				<img src="images/album-bb.jpg" />
    90. 

  90. 				<h3>Broken Bells</h3>
    91. 

  91. 				<p>Broken Bells</p>
    92. 

  92. 				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
    93. 

  93. 			</a></li>
    94. 

  94. 			<li><a href="index.html">
    95. 

  95. 				<img src="images/album-hc.jpg" />
    96. 

  96. 				<h3>Warning</h3>
    97. 

  97. 				<p>Hot Chip</p>
    98. 

  98. 			</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
    99. 

  99. 			</a></li>
    100. 

  100. 			<li><a href="index.html">
    101. 

  101. 				<img src="images/album-p.jpg" />
    102. 

  102. 				<h3>Wolfgang Amadeus Phoenix</h3>
    103. 

  103. 				<p>Phoenix</p>
    104. 

  104. 				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
    105. 

  105. 			</a></li>
    106. 

  106. 			</ul>
    107. 

  107. 			
    108. 

  108. 		<h2>Divided, filterable list</h2>
    109. 

  109. 			<ul data-role="listview" data-filter="true">
    110. 

  110. 				<li data-role="list-divider">A</li>
    111. 

  111. 				<li><a href="index.html">Adam Kinkaid</a></li>
    112. 

  112. 				<li><a href="index.html">Alex Wickerham</a></li>
    113. 

  113. 				<li><a href="index.html">Avery Johnson</a></li>
    114. 

  114. 				<li data-role="list-divider">B</li>
    115. 

  115. 				<li><a href="index.html">Bob Cabot</a></li>
    116. 

  116. 				<li data-role="list-divider">C</li>
    117. 

  117. 				<li><a href="index.html">Caleb Booth</a></li>
    118. 

  118. 				<li><a href="index.html">Christopher Adams</a></li>
    119. 

  119. 			</ul>
    120. 

  120. 

  121. 

  122. 

  123. 		
    124. 

  124. 		</form>
    125. 

  125. 		</div><!--/content-primary -->		
    126. 

  126. 

  127. 		<div class="content-secondary">
    128. 

  128. 

  129. 			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
    130. 

  130. 

  131. 					<h3>More in this section</h3>
    132. 

  132. 

  133. 					<ul data-role="listview" data-theme="c" data-dividertheme="d">
    134. 

  134. 

  135. 						<li data-role="list-divider">List views</li>
    136. 

  136. 						<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
    137. 

  137. 						<li><a href="lists-ul.html">Basic linked list</a></li>
    138. 

  138. 						<li><a href="lists-nested.html">Nested list</a></li>
    139. 

  139. 						<li><a href="lists-ol.html">Numbered list</a></li>
    140. 

  140. 

  141. 						<li><a href="lists-split.html">Split button list</a></li>	
    142. 

  142. 						<li><a href="lists-divider.html">List dividers</a></li>
    143. 

  143. 						<li><a href="lists-count.html">Count bubble</a></li>
    144. 

  144. 						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
    145. 

  145. 						<li><a href="lists-icons.html">Icons</a></li>
    146. 

  146. 						<li><a href="lists-formatting.html">Content formatting</a></li>
    147. 

  147. 						<li><a href="lists-search.html">Search filter bar</a></li>
    148. 

  148. 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
    149. 

  149. 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
    150. 

  150. 						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
    151. 

  151. 

  152. 						<li><a href="lists-readonly.html">Read-only lists</a></li>
    153. 

  153. 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
    154. 

  154. 						<li><a href="lists-forms.html">Lists with forms</a></li>
    155. 

  155. 						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
    156. 

  156. 

  157. 						<li><a href="lists-inset.html">Inset styled lists</a></li>
    158. 

  158. 						<li><a href="lists-performance.html">List performance test</a></li>
    159. 

  159. 						<li><a href="lists-themes.html">Theming lists</a></li>
    160. 

  160. 

  161. 					</ul>
    162. 

  162. 			</div>
    163. 

  163. 		</div>		
    164. 

  164. 

  165. 	</div><!-- /content -->
    166. 

  166. 

  167. 	<div data-role="footer" class="footer-docs" data-theme="c">
    168. 

  168. 			<p>&copy; 2011-12 The jQuery Project</p>
    169. 

  169. 	</div>
    170. 

  170. 

  171. 	</div><!-- /page -->
    172. 

  172. 

  173. 	</body>
    174. 

  174. 	</html>
    175. 

  175.