Permalink
Browse files

page loading widget docs

  • Loading branch information...
1 parent 3169b0d commit 7679fcc2125f638c48ab5371058b7d2ad61fca7c @johnbender johnbender committed May 10, 2012
View
1 docs/pages/index.html
@@ -34,6 +34,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
98 docs/pages/loader.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>jQuery Mobile Docs - Page Loading Widget</title>
+ <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
+ <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+ <script src="../../js/jquery.js"></script>
+ <script src="../../docs/_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>Page Loading Widget</h1>
+ <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+ <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+ </div><!-- /header -->
+
+ <div data-role="content">
+ <div class="content-primary">
+ <h2>The Page Loading Widget</h2>
+
+ <p>The page loading dialog was previously configured globally with three settings <code>$.mobile.loadingMessage</code>, <code>$.mobile.loadingMessageTextVisible</code>, and <code>$.mobile.loadingMessageTheme</code> which are now deprecated. In addition the methods for showing and hiding, <code>$.mobile.showPageLoadingMsg</code> and <code>$.mobile.hidePageLoadingMsg</code> are also deprecated</p>
+
+ <p>The page loading widget handles the task of displaying the loading dialog when jQuery Mobile pulls in content via ajax. It can also be displayed manually for custom loading actions. Using the <code>$.mobile.loading</code> helper method (See the <a href="../api/methods.html">global method docs</a>).</p>
+
+ <p>To configure the loading dialog globally the following settings can be defined on its prototype during the <code>mobileinit</code> event.</p> Below are the defaults:
+
+ <pre>
+ <code>
+$( document ).bind( 'mobileinit', function(){
+ $.mobile.loader.prototype.options.text = "loading";
+ $.mobile.loader.prototype.options.textVisible = false;
+ $.mobile.loader.prototype.options.theme = "a";
+ $.mobile.loader.prototype.options.html = "";
+});
+ </code>
+ </pre>
+
+ <p>These settings will be overridden by the deprecated settings to preserve backward compatibility. Once the deprecated settings are removed these defaults will only be superseded by the method params object described in the <a href="../api/methods.html">global method docs</a> under <code>$.mobile.loading</code>.</p>
+
+ <pre>
+ <code>
+$.mobile.loading( 'show', {
+ text: 'foo',
+ textVisible: true,
+ theme: 'z',
+ html: ""
+});
+ </code>
+ </pre>
+ </div><!--/content-primary -->
+
+ <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">Pages &amp; Dialogs</li>
+ <li><a href="page-anatomy.html">Anatomy of a page</a></li>
+ <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+ <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+ <li><a href="page-titles.html">Page titles</a></li>
+ <li><a href="page-links.html">Linking pages</a></li>
+ <li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
+<li><a href="loader.html">Page loading widget</a></li>
+<li><a href=loader.html>Page loading widget</a></li>
+ <li data-theme="a"><a href="loader.html">Page loading widget</a></li> <li><a href="page-dialogs.html">Dialogs</a></li>
+ <li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+ <li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+ <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+ <li><a href="page-scripting.html">Scripting pages</a></li>
+ <li><a href="phonegap.html">PhoneGap apps</a></li>
+ <li><a href="touchoverflow.html">touchOverflow feature</a></li>
+ <li><a href="pages-themes.html">Theming pages</a></li>
+ </ul>
+ </div>
+ </div>
+
+ </div><!-- /content -->
+
+ <div data-role="footer" class="footer-docs" data-theme="c">
+ <p>&copy; 2011-12 The jQuery Foundation</p>
+ </div>
+ </div><!-- /page -->
+</body>
+</html>
+
View
1 docs/pages/page-anatomy.html
@@ -200,6 +200,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-cache.html
@@ -100,6 +100,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li data-theme="a"><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-customtransitions.html
@@ -278,6 +278,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-dialogs.html
@@ -105,6 +105,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li data-theme="a"><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-dynamic.html
@@ -276,6 +276,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-links.html
@@ -123,6 +123,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li data-theme="a"><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-navmodel.html
@@ -158,6 +158,7 @@ <h4 style="margin:.5em 0">Important: rel="external" and $.mobile.ajaxEnabled=fal
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li data-theme="a"><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-scripting.html
@@ -136,6 +136,7 @@ <h4 style="margin:.5em 0">Important note: <code>pageCreate()</code> vs <code>pag
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/page-titles.html
@@ -58,6 +58,7 @@
<li data-theme="a"><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/pages-themes.html
@@ -126,6 +126,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/phonegap.html
@@ -91,6 +91,7 @@
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
View
1 docs/pages/touchoverflow.html
@@ -103,6 +103,7 @@ <h2 id="ios5">touchOverflow: Improved page transitions and true fixed toolbars</
<li><a href="page-titles.html">Page titles</a></li>
<li><a href="page-links.html">Linking pages</a></li>
<li><a href="page-transitions.html">Page transitions</a></li>
+ <li><a href="loader.html">Page loading widget</a></li>
<li><a href="page-dialogs.html">Dialogs</a></li>
<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>

0 comments on commit 7679fcc

Please sign in to comment.