views:

3173

answers:

2

I created a mobile app using jQtouch. I need to let my user know when an ajax call is loading after they've pressed a form button. So I want to load a mask and a simple loading gif.

I can get it to work on the desktop version of the app with no problem, but on the mobile with the jQtouch framework I can't.

I've tried jquery-loadmask and the jquery.loading plugin.

Anyone have any experiece with jQtouch and creating a loading notice?

+2  A: 

Unfortunately the site won't let me deep link to the relevant section, but you'll find a solution about half way down this page (Just cntr+F and search for "progress indicator"):

http://building-iphone-apps.labs.oreilly.com/ch03.html#ch03%5Fid35817310

This isn't specific to jQTouch, but you should be able to tie it in and pre-load the loading graphic using jQTouch's init options.

Hope that helps.

Henrik Joreteg
A: 

You could use the jQuery blockUI plugin (http://jquery.malsup.com/block/). I've used it succesfully in a project and it's really easy to integrate. It works well both on iPhone and Android.

SzilardD