/tests/integration/fixed-toolbar/index.html

https://github.com/zenvendof/jquery-mobile · HTML · 114 lines · 96 code · 16 blank · 2 comment · 0 complexity · 728ff363c3d1e83ff3f140778f958366 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="UTF-8" />
    5. 

  5. 	<title>jQuery Mobile Fixed Toolbar Integration Test</title>
    6. 

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

  7. 

  8. 	<script src="../../../external/requirejs/require.js"></script>
    9. 

  9. 	<script src="../../../js/requirejs.config.js"></script>
    10. 

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

  11. 	<script src="../../jquery.setNameSpace.js"></script>
    12. 

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

  13. 	<script src="../../../external/qunit/qunit.js"></script>
    14. 

  14. 	<script>
    15. 

  15. 		$.fn.fixedtoolbar = $.fn.toolbar;
    16. 

  16. 		$.testHelper.asyncLoad([
    17. 

  17. 			[
    18. 

  18. 				"buttonMarkup",
    19. 

  19. 					"navigation/method",
    20. 

  20. 					"widgets/toolbar",
    21. 

  21. 				"widgets/fixedToolbar",
    22. 

  22. 				"widgets/popup"
    23. 

  23. 			],
    24. 

  24. 			[ "init" ],
    25. 

  25. 			[ "./fixedToolbar.js"	]
    26. 

  26. 		]);
    27. 

  27. 	</script>
    28. 

  28. 

  29. 	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
    30. 

  30. 	<link rel="stylesheet" href="../../../external/qunit/qunit.css"/>
    31. 

  31. 	<link rel="stylesheet" href="../../jqm-tests.css"/>
    32. 

  32. 

  33. 	<script src="../../swarminject.js"></script>
    34. 

  34. </head>
    35. 

  35. <body>
    36. 

  36. 

  37. 	<div id="qunit"></div>
    38. 

  38. 

  39. 	<div data-nstest-role="page" id="default">
    40. 

  40. 		<!-- structural classes -->
    41. 

  41. 		<div data-nstest-role="header" id="classes-test-a"></div>
    42. 

  42. 		<div data-nstest-role="header" data-nstest-position="fixed" id="classes-test-b"></div>
    43. 

  43. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-c"></div>
    44. 

  44. 		<div data-nstest-role="footer" id="classes-test-d"></div>
    45. 

  45. 		<div data-nstest-role="footer" data-nstest-position="fixed" id="classes-test-e"></div>
    46. 

  46. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-f"></div>
    47. 

  47. 

  48. 		<!-- transition classes -->
    49. 

  49. 		<div data-nstest-role="header" data-nstest-position="fixed" id="classes-test-g"></div>
    50. 

  50. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="none" id="classes-test-h"></div>
    51. 

  51. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="slide" id="classes-test-i"></div>
    52. 

  52. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-transition="slide" id="classes-test-j"></div>
    53. 

  53. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="fade" id="classes-test-k"></div>
    54. 

  54. 	</div>
    55. 

  55. 

  56. 	<div data-nstest-role="page" id="fullscreen-test-a">
    57. 

  57. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-l"></div>
    58. 

  58. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-m"></div>
    59. 

  59. 	</div>
    60. 

  60. 

  61. 	<div data-nstest-role="page" id="persist-test-a">
    62. 

  62. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="a"></div>
    63. 

  63. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="b"></div>
    64. 

  64. 	</div>
    65. 

  65. 

  66. 	<div data-nstest-role="page" id="persist-test-b">
    67. 

  67. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="a"></div>
    68. 

  68. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="b"></div>
    69. 

  69. 	</div>
    70. 

  70. 

  71. 	<div data-nstest-role="page" id="persist-test-c">
    72. 

  72. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="c"></div>
    73. 

  73. 	</div>
    74. 

  74. 

  75. 	<div data-nstest-role="page" id="persist-test-d">
    76. 

  76. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="c"></div>
    77. 

  77. 	</div>
    78. 

  78. 

  79. 	<div data-nstest-role="page" id="persist-test-e">
    80. 

  80. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="d"></div>
    81. 

  81. 	</div>
    82. 

  82. 

  83. 	<div data-nstest-role="page" id="persist-test-f">
    84. 

  84. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="d"></div>
    85. 

  85. 	</div>
    86. 

  86. 

  87. 	<div data-nstest-role="page" id="page-show-visible-false">
    88. 

  88. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="false">
    89. 

  89. 			<h1>foo</h1>
    90. 

  90. 		</div>
    91. 

  91. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="false">
    92. 

  92. 			<h1>foo</h1>
    93. 

  93. 		</div>
    94. 

  94. 	</div>
    95. 

  95. 

  96. 	<div data-nstest-role="page" id="page-show-visible-true">
    97. 

  97. 		<div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="true"></div>
    98. 

  98. 		<div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="true"></div>
    99. 

  99. 	</div>
    100. 

  100. 

  101. 	<div data-nstest-role="page" id="page-show-visible-undefined">
    102. 

  102. 		<div data-nstest-role="header" data-nstest-fullscreen="true" data-nstest-position="fixed"></div>
    103. 

  103. 		<div data-nstest-role="footer" data-nstest-fullscreen="true" data-nstest-position="fixed"></div>
    104. 

  104. 	</div>
    105. 

  105. 	<div data-nstest-role="page" id="page-retains-fixed-header-on-popup-removed">
    106. 

  106. 		<div data-nstest-role="header" data-nstest-position="fixed"></div>
    107. 

  107. 	</div>
    108. 

  108. 	<div data-nstest-role="page" id="page-destroy-test">
    109. 

  109. 		<div id="testDestroyFixedFullscreen" data-nstest-position="fixed" data-nstest-fullscreen="true" >
    110. 

  110.             <h1>title</h1>
    111. 

  111.         </div>
    112. 

  112. 	</div>
    113. 

  113. </body>
    114. 

  114. </html>
    115.