PageRenderTime 171ms CodeModel.GetById 10ms RepoModel.GetById 0ms app.codeStats 0ms

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

https://github.com/inorganik/jquery-mobile
HTML | 171 lines | 140 code | 31 blank | 0 comment | 0 complexity | 73c254b3ae0ac0cef414586dd03d717e 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="../../themes/default/" />  
    8. 

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

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

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

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

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

  13. </head> 
    14. 

  14. <body> 
    15. 

  15. 

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

  17. 

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

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

  20. 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    21. 

  21. 	</div><!-- /header -->
    22. 

  22. 

  23. 	<div data-role="content">
    24. 

  24. 		<div class="content-primary">
    25. 

  25. 	<form>
    26. 

  26. 			<h2>Simple list</h2>
    27. 

  27. 

  28. 			<ul data-role="listview">
    29. 

  29. 				<li><a href="index.html">Acura</a></li>
    30. 

  30. 				<li><a href="index.html">Audi</a></li>
    31. 

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

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

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

  34. 			</ul>
    35. 

  35. 

  36. 		<h2>Count bubbles</h2>
    37. 

  37. 		<ul data-role="listview">
    38. 

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

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

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

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

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

  43. 		</ul>
    44. 

  44. 		
    45. 

  45. 		<h2>Numbered list</h2>
    46. 

  46. 			<ol data-role="listview">
    47. 

  47. 				<li><a href="index.html">The Godfather</a></li>
    48. 

  48. 				<li><a href="index.html">Inception</a></li>
    49. 

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

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

  51. 				<li><a href="index.html">Schindler's List</a></li>
    52. 

  52. 			</ol>
    53. 

  53. 			
    54. 

  54. 		<h2>Divided, formatted content</h2>
    55. 

  55. 		<ul data-role="listview">
    56. 

  56. 			<li><a href="index.html">
    57. 

  57. 				<h3>Stephen Weber</h3>
    58. 

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

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

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

  61. 			</a></li>
    62. 

  62. 			<li><a href="index.html">
    63. 

  63. 				<h3>jQuery Team</h3>
    64. 

  64. 				<p><strong>Boston Conference Planning</strong></p>
    65. 

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

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

  67. 			</a></li>
    68. 

  68. 		</ul>
    69. 

  69. 		
    70. 

  70. 			
    71. 

  71. 

  72. 		
    73. 

  73. 		<h2>Icon list</h2>
    74. 

  74. 		<ul data-role="listview">
    75. 

  75. 			<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>
    76. 

  76. 			<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>
    77. 

  77. 			<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>
    78. 

  78. 			<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>
    79. 

  79. 			<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>
    80. 

  80. 			<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>
    81. 

  81. 		</ul>
    82. 

  82. 		
    83. 

  83. 		<h2>Thumbnail, split button list</h2>
    84. 

  84. 

  85. 			<ul data-role="listview">
    86. 

  86. 				<li><a href="index.html">
    87. 

  87. 				<img src="images/album-bb.jpg" />
    88. 

  88. 				<h3>Broken Bells</h3>
    89. 

  89. 				<p>Broken Bells</p>
    90. 

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

  91. 			</a></li>
    92. 

  92. 			<li><a href="index.html">
    93. 

  93. 				<img src="images/album-hc.jpg" />
    94. 

  94. 				<h3>Warning</h3>
    95. 

  95. 				<p>Hot Chip</p>
    96. 

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

  97. 			</a></li>
    98. 

  98. 			<li><a href="index.html">
    99. 

  99. 				<img src="images/album-p.jpg" />
    100. 

  100. 				<h3>Wolfgang Amadeus Phoenix</h3>
    101. 

  101. 				<p>Phoenix</p>
    102. 

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

  103. 			</a></li>
    104. 

  104. 			</ul>
    105. 

  105. 			
    106. 

  106. 		<h2>Divided, filterable list</h2>
    107. 

  107. 			<ul data-role="listview" data-filter="true">
    108. 

  108. 				<li data-role="list-divider">A</li>
    109. 

  109. 				<li><a href="index.html">Adam Kinkaid</a></li>
    110. 

  110. 				<li><a href="index.html">Alex Wickerham</a></li>
    111. 

  111. 				<li><a href="index.html">Avery Johnson</a></li>
    112. 

  112. 				<li data-role="list-divider">B</li>
    113. 

  113. 				<li><a href="index.html">Bob Cabot</a></li>
    114. 

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

  115. 				<li><a href="index.html">Caleb Booth</a></li>
    116. 

  116. 				<li><a href="index.html">Christopher Adams</a></li>
    117. 

  117. 			</ul>
    118. 

  118. 

  119. 

  120. 

  121. 		
    122. 

  122. 		</form>
    123. 

  123. 		</div><!--/content-primary -->		
    124. 

  124. 

  125. 		<div class="content-secondary">
    126. 

  126. 

  127. 			<div data-role="collapsible" data-collapsed="true" data-theme="b">
    128. 

  128. 

  129. 					<h3>More in this section</h3>
    130. 

  130. 

  131. 					<ul data-role="listview" data-theme="c" data-dividertheme="d">
    132. 

  132. 

  133. 						<li data-role="list-divider">List views</li>
    134. 

  134. 						<li data-theme="a"><a href="docs-lists.html">List markup conventions</a></li>
    135. 

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

  136. 						<li><a href="lists-nested.html">Nested list</a></li>
    137. 

  137. 						<li><a href="lists-ol.html">Numbered list</a></li>
    138. 

  138. 

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

  140. 						<li><a href="lists-divider.html">List dividers</a></li>
    141. 

  141. 						<li><a href="lists-count.html">Count bubble</a></li>
    142. 

  142. 						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
    143. 

  143. 						<li><a href="lists-icons.html">Icons</a></li>
    144. 

  144. 						<li><a href="lists-formatting.html">Content formatting</a></li>
    145. 

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

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

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

  148. 

  149. 						<li><a href="lists-readonly.html">Read-only lists</a></li>
    150. 

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

  151. 						<li><a href="lists-forms.html">Lists with forms</a></li>
    152. 

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

  153. 

  154. 						<li><a href="lists-inset.html">Inset styled lists</a></li>
    155. 

  155. 						<li><a href="lists-performance.html">List performance test</a></li>
    156. 

  156. 						<li><a href="lists-themes.html">Theming lists</a></li>
    157. 

  157. 

  158. 					</ul>
    159. 

  159. 			</div>
    160. 

  160. 		</div>		
    161. 

  161. 

  162. 	</div><!-- /content -->
    163. 

  163. 

  164. 	<div data-role="footer" class="footer-docs" data-theme="c">
    165. 

  165. 			<p>&copy; 2011 The jQuery Project</p>
    166. 

  166. 	</div>
    167. 

  167. 

  168. 	</div><!-- /page -->
    169. 

  169. 

  170. 	</body>
    171. 

  171. 	</html>
    172. 

  172.