mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
added loader test page for local testing
This commit is contained in:
parent
12c5da43a8
commit
c1cdb0a1a8
2 changed files with 79 additions and 0 deletions
78
docs/about/testingloader.php
Normal file
78
docs/about/testingloader.php
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<?php
|
||||
sleep(5);
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery Mobile Docs - Testing the loader</title>
|
||||
<link rel="stylesheet" href="../../css/themes/default/" />
|
||||
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
|
||||
<script src="../../js/jquery.js"></script>
|
||||
<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
|
||||
<script src="../_assets/js/jqm-docs.js"></script>
|
||||
<script src="../../js/"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div data-role="page" class="type-interior">
|
||||
|
||||
<div data-role="header" data-theme="f">
|
||||
<h1>Testing the loader</h1>
|
||||
<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
|
||||
</div><!-- /header -->
|
||||
|
||||
<div data-role="content">
|
||||
|
||||
|
||||
<div class="content-primary">
|
||||
|
||||
<h2>Loader tested - wheee!</h2>
|
||||
|
||||
<p> Content goes here, etc.Test the loader from a <a href="testingloader2.php">link instead</a>!</p>
|
||||
|
||||
<p><a href="testingloader2.php" data-role="button">Or a button</a></p>
|
||||
|
||||
|
||||
<p> Content goes here, etc.jQuery Mobile is built upon standard, semantic HTML, allowing pages to be accessible to the broadest range of devices possible. For A-Grade browsers, many of the components in jQuery Mobile leverage techniques such as focus management, keyboard navigation, and HTML attributes specified in the W3C's <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> specification.</p>
|
||||
|
||||
<p> Content goes here, etc.jQuery Mobile is built upon standard, semantic HTML, allowing pages to be accessible to the broadest range of devices possible. For A-Grade browsers, many of the components in jQuery Mobile leverage techniques such as focus management, keyboard navigation, and HTML attributes specified in the W3C's <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> specification.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="content-secondary">
|
||||
|
||||
<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
|
||||
|
||||
<h3>More in this section</h3>
|
||||
|
||||
<ul data-role="listview" data-theme="c" data-dividertheme="d">
|
||||
<li data-role="list-divider">Overview</li>
|
||||
<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
|
||||
<li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
|
||||
<li><a href="../../docs/about/features.html">Features</a></li>
|
||||
<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
|
||||
<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
|
||||
<li data-theme="a"><a href="../../docs/about/testingloader.php">Test the loader</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><!-- /content -->
|
||||
|
||||
<div data-role="footer" class="footer-docs" data-theme="c">
|
||||
<p>© 2011 The jQuery Project</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div><!-- /content -->
|
||||
|
||||
</div><!-- /page -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -33,6 +33,7 @@
|
|||
<li><a href="docs/about/features.html">Features</a></li>
|
||||
<li><a href="docs/about/accessibility.html">Accessibility</a></li>
|
||||
<li><a href="docs/about/platforms.html">Supported platforms</a></li>
|
||||
<li><a href="docs/about/testingloader.php">Test this for loader</a></li>
|
||||
</ul>
|
||||
|
||||
</div><!--/content-primary-->
|
||||
|
|
|
|||
Loading…
Reference in a new issue