/demos/toolbar-fixed-persistent-optimized/page-b.php

https://github.com/agcolom/jquery-mobile · PHP · 90 lines · 83 code · 7 blank · 0 comment · 4 complexity · daaf577eb1875f4eabf2aa12f7222bef MD5 · raw file 

    

  1. <?php if (!isset($_SERVER['HTTP_X_REQUESTED_WITH']) || strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) !== 'xmlhttprequest') { ?>
    2. 

  2. <!DOCTYPE html>
    3. 

  3. <html>
    4. 

  4. 	<head>
    5. 

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

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

  7. 	<title>Ajax optimized persistent toolbars - jQuery Mobile Demos</title>
    8. 

  8. 	<link rel="shortcut icon" href="../favicon.ico">
    9. 

  9.     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    10. 

  10. 	<link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css">
    11. 

  11. 	<link rel="stylesheet" href="../_assets/css/jqm-demos.css">
    12. 

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

  13. 	<script src="../_assets/js/"></script>
    14. 

  14. 	<script src="../../js/"></script>
    15. 

  15. 	<script>
    16. 

  16. 		$(function(){
    17. 

  17. 			$("[data-role='navbar']").navbar();
    18. 

  18. 			$("[data-role='header'], [data-role='footer']").toolbar();
    19. 

  19. 		});
    20. 

  20. 	</script>
    21. 

  21. </head>
    22. 

  22. <body>
    23. 

  23.     <div data-role="header" data-position="fixed" data-theme="a">
    24. 

  24. 		<a href="../toolbar/" data-rel="back" class="ui-btn ui-btn-left ui-alt-icon ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
    25. 

  25.         <h1>Fixed external header</h1>
    26. 

  26.     </div><!-- /header -->
    27. 

  27. <?php } ?>
    28. 

  28. 

  29. 	<div data-role="page">
    30. 

  30. 

  31.     	<div class="ui-content" role="main">
    32. 

  32. 

  33. 			<ul data-role="listview" data-theme="a" data-dividertheme="b" data-filter="true" data-filter-theme="a" data-filter-placeholder="Search friends...">
    34. 

  34. 				<li data-role="list-divider">A</li>
    35. 

  35. 				<li><a href="#">Adam Kinkaid</a></li>
    36. 

  36. 				<li><a href="#">Alex Wickerham</a></li>
    37. 

  37. 				<li><a href="#">Avery Johnson</a></li>
    38. 

  38. 				<li data-role="list-divider">B</li>
    39. 

  39. 				<li><a href="#">Bob Cabot</a></li>
    40. 

  40. 				<li data-role="list-divider">C</li>
    41. 

  41. 				<li><a href="#">Caleb Booth</a></li>
    42. 

  42. 				<li><a href="#">Christopher Adams</a></li>
    43. 

  43. 				<li><a href="#">Culver James</a></li>
    44. 

  44. 				<li data-role="list-divider">D</li>
    45. 

  45. 				<li><a href="#">David Walsh</a></li>
    46. 

  46. 				<li><a href="#">Drake Alfred</a></li>
    47. 

  47. 				<li data-role="list-divider">E</li>
    48. 

  48. 				<li><a href="#">Elizabeth Bacon</a></li>
    49. 

  49. 				<li><a href="#">Emery Parker</a></li>
    50. 

  50. 				<li><a href="#">Enid Voldon</a></li>
    51. 

  51. 				<li data-role="list-divider">F</li>
    52. 

  52. 				<li><a href="#">Francis Wall</a></li>
    53. 

  53. 				<li data-role="list-divider">G</li>
    54. 

  54. 				<li><a href="#">Graham Smith</a></li>
    55. 

  55. 				<li><a href="#">Greta Peete</a></li>
    56. 

  56. 				<li data-role="list-divider">H</li>
    57. 

  57. 				<li><a href="#">Harvey Walls</a></li>
    58. 

  58. 				<li data-role="list-divider">M</li>
    59. 

  59. 				<li><a href="#">Mike Farnsworth</a></li>
    60. 

  60. 				<li><a href="#">Murray Vanderbuilt</a></li>
    61. 

  61. 				<li data-role="list-divider">N</li>
    62. 

  62. 				<li><a href="#">Nathan Williams</a></li>
    63. 

  63. 				<li data-role="list-divider">P</li>
    64. 

  64. 				<li><a href="#">Paul Baker</a></li>
    65. 

  65. 				<li><a href="#">Pete Mason</a></li>
    66. 

  66. 				<li data-role="list-divider">R</li>
    67. 

  67. 				<li><a href="#">Rod Tarker</a></li>
    68. 

  68. 				<li data-role="list-divider">S</li>
    69. 

  69. 				<li><a href="#">Sawyer Wakefield</a></li>
    70. 

  70. 			</ul>
    71. 

  71. 

  72. 		</div><!-- /content -->
    73. 

  73. 

  74. 	</div><!-- /page -->
    75. 

  75. 

  76. <?php if (!isset($_SERVER['HTTP_X_REQUESTED_WITH']) || strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) !== 'xmlhttprequest') { ?>
    77. 

  77. 	<div data-role="footer" data-position="fixed" data-theme="a">
    78. 

  78. 		<div data-role="navbar">
    79. 

  79. 			<ul>
    80. 

  80. 				<li><a href="index.php" data-prefetch="true" data-transition="none">Info</a></li>
    81. 

  81. 				<li><a href="page-b.php" data-prefetch="true" data-transition="flip">Friends</a></li>
    82. 

  82. 				<li><a href="page-c.php" data-prefetch="true" data-transition="turn">Albums</a></li>
    83. 

  83. 				<li><a href="page-d.php" data-prefetch="true" data-transition="slide">Emails</a></li>
    84. 

  84. 			</ul>
    85. 

  85. 		</div><!-- /navbar -->
    86. 

  86. 	</div><!-- /footer -->
    87. 

  87. 

  88. </body>
    89. 

  89. </html>
    90. 

  90. <?php } ?>
    91.