From 0168729fd01182964cac66e7442723c3aee05038 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mutlu=20Tevfik=20Koc=CC=A7ak?= Date: Tue, 16 Oct 2012 18:54:42 +0300 Subject: [PATCH] page loading widget created checked with grunt but I am not so sure --- entries/page-loading.xml | 54 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 entries/page-loading.xml diff --git a/entries/page-loading.xml b/entries/page-loading.xml new file mode 100644 index 00000000..8cad7382 --- /dev/null +++ b/entries/page-loading.xml @@ -0,0 +1,54 @@ + + + + Page Loading Widget + The page loading widget handles the task of displaying the loading dialog when jQuery Mobile pulls in content via Ajax. + +

The Page Loading Widget

+

The page loading dialog was previously configured globally with three settings $.mobile.loadingMessage, $.mobile.loadingMessageTextVisible, and $.mobile.loadingMessageTheme which are now deprecated. In addition to the methods for showing and hiding, $.mobile.showPageLoadingMsg and $.mobile.hidePageLoadingMsg are also deprecated.

+

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 $.mobile.loading helper method (See the global method docs).

+

To configure the loading dialog globally the following settings can be defined on its prototype during the mobileinit event.

Below are the defaults: + +
+			
+				$( 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 = "";
+				});
+			
+		
+ +

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 global method docs under $.mobile.loading.

+ +
+			
+				$.mobile.loading( 'show', {
+				text: 'foo',
+				textVisible: true,
+				theme: 'z',
+				html: ""
+				});
+			
+		
+
+ 1.0 + + Loader Examples + + + + + + + + + + + + ]]> + + +
\ No newline at end of file